Three.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相机的矢量以使用Z-UP.

编辑:

为了举例说明,这里是您创建的jsfiddle稍微修改lookAt后设置up向量调用:http://jsfiddle.net/NycWc/1/

Answer 2

我对一个对象有这个问题。这是我修复它的方法。

object.rotation.z = 90 * Math.PI/180;
object.rotation.x = -90 * Math.PI/180;

这按照您要求的方式改变了它的方向。

Answer 3

以下将达到您想要的结果

THREE.Object3D.DefaultUp.set(0, 0, 1);

根据文档

.DefaultUp：Vector3

对象的默认向上方向，也用作DirectionalLight，HemisphereLight和Spotlight（创建自上而下发光的灯光）的默认位置。默认设置为（0，1，0）。