Three.js - 简介

所有现代浏览器都变得更强大并且更容易直接使用 JavaScript 进行访问。他们采用了 WebGL（Web 图形库），这是一种 JavaScript API，允许您使用 GPU（图形处理单元）的功能在任何兼容的 Web 浏览器中渲染高性能交互式 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 即可创建复杂的 3D 图形。
您可以在浏览器内创建虚拟现实 (VR) 和增强现实 (AR) 场景。
由于它使用WebGL，因此它具有跨浏览器支持。许多浏览器都支持它。
您可以添加各种材质、纹理和动画 3D 对象。
您还可以从其他 3D 建模软件加载和处理对象。

只需几行 JavaScript 和简单的逻辑，您就可以创建任何内容，从高性能交互式 3D 模型到逼真的实时场景。

这些是使用 Three.js 创建的一些优秀网站−

你可以在Three.js的官方网站上找到很多其他的例子

浏览器支持

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

一旦您了解了 Three.js 是什么，您就可以继续阅读下一章，了解如何设置项目以开始使用 Three.js。