從2D到3D最大的思維模式就是平面思維到空間思維的模式,如果不能在腦中自動補齊3D座標軸,則後續牽涉到的網格模型(mesh)、照相機(camere)、燈光(light)以及多個幾何體(geometry)進行空間佈局時,都是嚴重的思維障礙。
因此在瞭解threejs的座標系時,先使用輔助座標系類,會更直觀。
/*
輔助座標系
*/
// 輔助座標系 參數250表示座標系大小,可以根據場景大小去設置;
var axesHelper = new THREE.AxesHelper(250);
scene.add(axesHelper);
用於簡單模擬3個座標軸的對象:紅色代表 X 軸. 綠色代表 Y 軸. 藍色代表 Z 軸.