一、three.js

• openGL跨平台3D/2D的绘图标准。wegbl是openGL在浏览器上的实现，是基础的绘图api .

二、three.js 要素

• 场景---三维空间、坐标系
• 相机--- 人眼、角度、姿态。
• 光源---阴影
• 物体---形状、材质

三、渲染重绘

• setInterval-固定时间间隔重绘
• requestAnimationFrame-浏览器根据当前CPU负荷自行决定何时重绘，已达到最佳帧率

四、相机

• 正交投影相机-示景体为长方体 THREE.OrthographicCamera(left, right, top, bottom, near, far)
  

  image.png

• 透视投影相机-示景体为锥形 THREE.PerspectiveCamera(fov, aspect, near, far)
  

  image.png

五、模型

3D建模软件导入外部模型文件

六、光照

• 环境光：无光源位置、所有角度看到亮度一致、设置基础亮度
• 点光源：亮度线性递减
• 平行光：亮度与距离无关
  -聚光灯：类似圆锥形的光线