【前端】Three.js

Three.js

基本概念

• 渲染器（Renderer）

  渲染器将和Canvas元素进行绑定

• 场景（Scene）

  在Three.js中添加的物体都是添加到场景中的，因此它相当于一个大容器。一般说，场景里没有很复杂的操作，在程序最开始的时候进行实例化，然后将物体添加到场景中即可。

• 照相机（Camera）

  针对投影方式的不同，照相机分为正交投影照相机与透视投影照相机。

• 渲染

  在定义了场景中的物体，设置好的照相机之后，渲染器就知道如何渲染出二维的结果了。这时候，我们只需要调用渲染器的渲染函数，就能使其渲染一次了。

  renderer.render(scene, camera);