Threejs入門進階實戰案例(5):座標系理解時輔助座標系的使用

從2D到3D最大的思維模式就是平面思維到空間思維的模式,如果不能在腦中自動補齊3D座標軸,則後續牽涉到的網格模型(mesh)、照相機(camere)、燈光(light)以及多個幾何體(geometry)進行空間佈局時,都是嚴重的思維障礙。

因此在瞭解threejs的座標系時,先使用輔助座標系類,會更直觀。

    /*
     輔助座標系
     */
    // 輔助座標系  參數250表示座標系大小,可以根據場景大小去設置;
    var axesHelper = new THREE.AxesHelper(250);
    scene.add(axesHelper);

用於簡單模擬3個座標軸的對象:紅色代表 X 軸. 綠色代表 Y 軸. 藍色代表 Z 軸.

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章