一、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建模软件导入外部模型文件
六、光照
- 环境光：无光源位置、所有角度看到亮度一致、设置基础亮度
- 点光源：亮度线性递减
- 平行光：亮度与距离无关
-聚光灯：类似圆锥形的光线
