three.js

三大组件

在Three.js中，要渲染物体到网页中，需要3个组件：场景（scene）、相机（camera）和渲染器（renderer）
场景
第一个组件是场景，场景中包含着所有需要显示的3D物体以及其他相关元素。如果要显示什么物体，就需要将这个物体对象加入场景中。
相机
第二个组件是相机，相机定义了一个可视域，就是决定场景中那个角度的景色会显示出来。相机就像人的眼睛一样，人站在不同位置，抬头或者低头都能够看到不同的景色。
渲染器
第三个组件是渲染器，渲染器决定了渲染的结果应该画在页面的什么元素上面，并且以怎样的方式来绘制。

THREE是一个three.js对象，它代表着three.js引擎本身，其中包含引擎的很多常用属性和方法。
场景
在threejs中场景就只有一种，用THREE.Scene来表示，要构件一个场景也很简单，只要new一个对象就可以了，代码如下：
var scene = new THREE.Scene();
相机
在Threejs中有多种相机，场景只有一种，但是相机却又很多种。
这里介绍两种，它们是透视相机（THREE.PerspectiveCamera）和正交投影相机（OrthographicCamera）不同的相机确定了呈相的各个方面，设置不同的相机参数，就能够让相机产生不一样的效果。
Aspect：长宽比决定了水平视角和垂直视角之间的比例关系，由于我们会使用整个窗口作为输出的界面，所以会使用这个窗口的长宽比
near：定义了从距离相机多近的地方开始渲染场景，通常情况下会设置一个很小的值，就可以渲染从相机位置可以看到的所有物体
Far：定义了相机可以从它所在处的位置看多远，如果设置的太低，那么场景中的一部分可能不会被渲染，如果设的抬高，在某些情况下会影响渲染的效率
可以通过设定其position将相机设定在场中的位置。