ThreeJS

基本概念

相机

相机可以看作是一个摄像机, 摆放地点为位置, 镜头方向为视角. 三维场景中, 能看到什么全由相机决定, 因此控制相机的位置和视角可以实现对三维模型的各角度和方向的查看.

坐标

x,y,z三轴用于表示三维模型的方向.

在三维模型制作工具(Blender)中, 对着屏幕的观感为: x轴向右(东), y轴向上(北), z轴向着你(表示高度).

但是模型在ThreeJS中, 对着屏幕的观感为: x轴向右(东), z轴向上(北), 负y轴向着你(表示高度).

相机控制

以屏幕观感总结:

• translateZ(): 视角不变,位置前后移动(负值向前, 正值向后). 前后移动对应视觉效果为模型放大缩小.
• translateX(): 视角不变,位置左右移动(负值向左, 正值向右)
• translateY(): 视角不变,位置上下移动(负值向下, 正值向上)
• rotation.y: 位置不变,视角左右移动(负值向右, 正值向左),单位弧度
• rotation.x: 位置不变,视角上下移动(负值向下, 正值向上),单位弧度
• rotation.z: 位置不变,视角左右旋转(负值向右, 正值向左),单位弧度