THREE 开始与注意事项

开始

一个典型的Three.js程序至少要包括渲染器（Renderer）、场景（Scene）、照相机（Camera），以及你在场景中创建的物体。

渲染器跟DOM元素（canvas）挂钩
场景是用来放需要绘制的物体的容器
照相机相当于看场景中绘制的物体的视角点
渲染器根据场景和相机渲染出二维效果图

Note

• three 更新比较快，很多教程的方法已经失效或者被修改了，所以要以你是用的版本为准，不能以网上的教程为准

• CanvasRenderer已经不被使用，默认不包含在three的core中
• 最新版本中没有THREE.Face4，不可以快速连接四个点为一个面
• 纹理材质需要使用特殊loader加载图片，在回调函数中设置

var texture = THREE.ImageUtils.loadTexture('top.png', {}, function () {
  ··· 设置纹理
  self.renderer.render(self.scene, self.camera); // 重新渲染
});

• 在Three.js中，只有THREE.DirectionalLight 与 THREE.SpotLight的光源能形成阴影
• 在Three.js中，只有 MeshStandardMaterial 、MeshPhongMaterial 、MeshLambertMaterial 材质的物体可以接受阴影