【01】three.js 简介及入门

什么是Three.js？

Three.js是一个基于JavaScript的3D图形库，它简化了WebGL接口的使用。WebGL是浏览器提供的用于在网页上绘制3D图形的接口，而Three.js提供了更友好的封装，使得开发者能够更容易地在浏览器上创建3D程序。

Threejs能做什么？

Three.js能够实现流畅运行在浏览器上的3D程序。例如，它可以用来创建一个旋转的白色立方体。下面是一个实现这个效果的示例程序，它包含了以下步骤：

1. 建立场景。
2. 创建相机（透视摄像机）。
3. 创建渲染器并设置其大小。
4. 创建一个立方体。
5. 创建一个材质，并设置颜色为白色。
6. 创建一个网格（Mesh），并将其添加到场景中。
7. 渲染场景和相机。
8. 创建一个动画，实现立方体的实时渲染和旋转。

通过以上步骤，可以在浏览器中查看到一个旋转的立方体示例。