1. 程式人生 > 其它 >Three.js中如何將檢視中的座標系改為Z軸向上

Three.js中如何將檢視中的座標系改為Z軸向上

技術標籤:頁面3D繪圖3dwebgl

在預設的three.js檢視中,X軸是向右,Y軸向上,Z軸朝向螢幕外邊。

綠色的為Y軸,向上的。

那如何將Z軸設為向上呢?那就要將camera.up.z = 1 即可。如下:

camera = new THREE.PerspectiveCamera(45, width / height, 1, 10000);
                camera.position.x = 0;
                camera.position.y = 1000;
                camera.position.z = 0;
                camera.up.x = 0;
                camera.up.y = 0;
                camera.up.z = 1;
                camera.lookAt({
                    x : 0,
                    y : 0,
                    z : 0
                });