Fotocamera isometrica con THREE.js

Question

Come si imposta l'angolo della fotocamera su qualcosa come isometric projection?

Answer 1

Per ottenere una vista isometrica, è possibile utilizzare un OrthographicCamera. È quindi necessario impostare correttamente l'orientamento della fotocamera. Ci sono due modi per farlo:

Metodo 1 - utilizzare camera.lookAt()

var aspect = window.innerWidth/window.innerHeight; 
var d = 20; 
camera = new THREE.OrthographicCamera(- d * aspect, d * aspect, d, - d, 1, 1000); 

camera.position.set(20, 20, 20); // all components equal 
camera.lookAt(scene.position); // or the origin 

metodo 2 - impostare la x-componente della camera.rotation

camera.position.set(20, 20, 20); 
camera.rotation.order = 'YXZ'; 
camera.rotation.y = - Math.PI/4; 
camera.rotation.x = Math.atan(- 1/Math.sqrt(2)); 

violino: http://jsfiddle.net/q3m2kh5q/

th ree.js r.73

Answer 2

è necessario utilizzare l'orbita e tenere traccia dei controlli, come qui:

http://codepen.io/nireno/pen/cAoGI

Edit:

anche si può considerare l'uso della telecamera orto questo post qui possono aiutare:

Three.js - Orthographic camera

un esempio può essere visto qui:

http://threejs.org/examples/canvas_camera_orthographic.html

e qui è un link (Udacity) che spiega l'uso:

https://www.udacity.com/course/viewer#!/c-cs291/l-158750187/m-169414761