Традиционно в 3D-проекциях ось Y — это ось, представляющая «вверх и вниз». Я научился думать об этом с другими двигателями, как о оси Z. Мне было интересно, есть ли способ в Three.JS сделать ось Z оси «вверх/вниз». Если да, то есть ли какие-то последствия?
Вот диаграмма того, что я хочу: 
Вы можете просто изменить камеру, а не всю систему координат. Например:
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/
lookAt и тому подобное?
- person Alex Turpin; 08.12.2011
lookAt после установки вектора up: jsfiddle.net/NycWc/ 1
- person jterrace; 08.12.2011
THREE.Object3D.DefaultUp ответу ниже
- person MacK; 14.04.2020
Следующее позволит достичь желаемого результата
THREE.Object3D.DefaultUp.set(0, 0, 1);
Согласно документации
.DefaultUp : Vector3
Направление вверх по умолчанию для объектов, также используемое в качестве положения по умолчанию для DirectionalLight, HemisphereLight и Spotlight (что создает источники света, сияющие сверху вниз). Установите на ( 0, 1, 0 ) по умолчанию.
У меня была эта проблема с объектом. Вот как я это исправил.
object.rotation.z = 90 * Math.PI/180;
object.rotation.x = -90 * Math.PI/180;
Это изменило его ориентацию именно так, как вы спрашиваете.
Система координат xyz всегда должна устанавливаться по правилу правой руки. Создание собственного соглашения просто не такой уж хороший план и вызовет много путаницы. Вы можете вращать систему координат по желанию, но не меняйте направление оси. Если вы действительно хотите делать то, что вы показываете, вы можете сделать координатную рамку x, y, -z.
