3d - texture - Three.JS gira la proyección para que el eje y se convierta en el eje z

three.js tutorial

Question

Tradicionalmente, en proyecciones 3D, el eje Y es el eje que representa "arriba y abajo". Aprendí a pensar en ello, con otros motores, como ese eje que es el eje Z. Lo que me preguntaba era si en Three.JS hay una forma de hacer que el eje Z sea el eje "arriba / abajo". Si es así, ¿hay alguna consecuencia?

Aquí hay un diagrama de lo que quiero:

Answer 1

El marco de coordenadas xyz siempre debe configurarse con la regla de la mano derecha. Crear su propia convención simplemente no es un buen plan y causará mucha confusión. Puede girar el marco de coordenadas a voluntad, pero no cambiar la dirección del eje. Si realmente desea hacer lo que muestra, puede hacer un marco de coordenadas x, y, -z.

Answer 2

Tuve este problema con un objeto. Así es como lo arreglé.

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

Esto cambió su orientación en la forma en que lo preguntas.

Answer 3

Usted podría simplemente cambiar la cámara en lugar de todo el sistema de coordenadas. Por ejemplo:

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);

Esto cambia el vector hacia up para que la cámara use Z-UP.

EDITAR :

Para ilustrar un ejemplo, aquí está el jsfiddle que creó ligeramente modificado para llamar a lookAt después de configurar el vector up : http://jsfiddle.net/NycWc/1/