//下仔のke：https://yeziit.cn/13721/ Three.js是一个JavaScript库，用于在网页上创建和显示3D图形。它基于WebGL，一个在浏览器中渲染高性能3D图形的开放标准。通过Three.js，开发者可以轻松地创建复杂的3D场景，包括灯光、材质、相机、动画等。Three.js也支持各种3D模型格式，如OBJ、FBX和Collada等。

以下是一些使用Three.js的基本概念：

场景（Scene）：场景是所有物体的容器，对应着显示生活中的三维世界，所有的可视化对象级相关的动作均发生在场景中。 照相机（Camera）：照相机是三维世界中的观察者，类似与眼睛。为了观察这个世界，需要描述空间中的位置，Three.js采用右手坐标系。Three.js的照相机有两种，分别是正交投影相机THREE.OrthographicCamera和透视投影相机THREE.PerspectiveCamera。 对象（Object）：在Three.js中，物体都是通过几何形状（geometry）和材质（material）来创建的。几何形状描述了物体的形状，而材质则描述了物体的颜色、纹理等属性。通过几何形状和材质的组合，可以创建出各种复杂的物体。 光（Light）：光是影响物体视觉效果的重要因素。在Three.js中，有多种类型的光源，如环境光（AmbientLight）、点光源（PointLight）、方向光（DirectionalLight）等。 渲染器（Renderer）：渲染器是负责将场景中的物体渲染到屏幕上的组件。Three.js提供了多种渲染器选项，包括WebGL渲染器和Canvas渲染器。 要使用Three.js，你需要先引入Three.js库，然后创建一个场景、相机、物体和渲染器，并设置好它们的属性。最后，调用渲染器的渲染方法，就可以将场景渲染到屏幕上。如果你想要动态地更新场景中的物体或光照等属性，可以在渲染循环中不断更新这些属性的值。