Three.js 简介

所有现代浏览器都在使用JavaScript方面变得更加强大和更加易于访问。它们采用了WebGL（Web图形库），一个JavaScript API，让您能够在任何兼容的Web浏览器中使用GPU（图形处理单元）的能力渲染高性能交互式3D和2D图形。

但是，WebGL是一个非常低级的系统，只能绘制基本的对象，如点、正方形和线条。然而，直接通过JavaScript编程WebGL是一个非常复杂且冗长的过程。您需要了解WebGL的内部细节并学习一种复杂的着色器语言才能充分利用WebGL。在这里， Three.js 就来帮你简化生活。

Three.js是什么

Three.js是一个开源的、轻量级的、跨浏览器的、通用的JavaScript库。Three.js在背后使用WebGL，因此您可以在浏览器中使用它来渲染HTML <canvas>元素上的图形。由于Three.js使用JavaScript，您可以与其他网页元素进行交互，添加动画和交互，甚至创建带有一些逻辑的游戏。

为什么使用Three.js

以下功能使Three.js成为一个优秀的库：

• 您只需使用JavaScript就可以创建复杂的三维图形。

• 您可以在浏览器内部创建虚拟现实（VR）和增强现实（AR）场景。

• 由于使用了WebGL，它具有跨浏览器支持。许多浏览器都支持它。

• 您可以添加各种材质、纹理和对三维对象进行动画处理。

• 您还可以从其他三维建模软件加载和处理对象。

只需几行JavaScript代码和简单的逻辑，您就可以创建任何东西，从高性能交互式三维模型到逼真的实时场景。

以下是使用Three.js创建的一些出色的网站：

• Moments of happiness

• Garden Eight

• Interland

• Under Neon Lights

您可以在three.js的官方网站上找到许多其他示例。

浏览器支持

目前，所有现代桌面和移动浏览器都支持WebGL。唯一需要注意的浏览器是移动版本的Opera Mini浏览器。对于IE 10及更早版本，有一个名为IEWebGL的插件，可以从https://github.com/iewebgl/iewebgl获取。您可以在此处找到有关WebGL浏览器支持的详细信息。

了解了Three.js是什么之后，您可以继续下一章节，了解如何设置项目来使用Three.js进行工作。