3d - 三.JS旋转投影，使y轴成为z轴

Question

传统上，在3D投影中，Y轴是代表“上下”的轴。我学会了与其他引擎一起思考这一点，因为该轴是Z轴。我想知道的是Three.JS中是否有一种方法可以使Z轴成为“上/下”轴。如果是这样，是否有任何后果？

这是我想要的图表:

Answer 1

您可以只更改摄像机，而不是整个坐标系。例如:

var WIDTH = 1024;
var HEIGHT = 768;
var VIEW_ANGLE = 45;
var ASPECT = WIDTH / HEIGHT;
var NEAR = 0.1;
var FAR = 10000;
camera = new THREE.PerspectiveCamera(VIEW_ANGLE, ASPECT, NEAR, FAR);
camera.position.z = 300;
camera.up = new THREE.Vector3( 0, 0, 1 );
scene.add(camera);

这会将相机的 up vector 更改为使用Z-UP。

编辑:

为了说明一个示例，这是您创建的jsfiddle，在设置了 lookAt vector 后对其进行了稍微修改以调用 up: http://jsfiddle.net/NycWc/1/