Kamera izometryczna z THREE.js

Question

Jak ustawić kąt kamery na zbliżony do isometric projection?

Answer 1

Aby uzyskać widok izometryczny, można użyć OrthographicCamera. Następnie musisz prawidłowo ustawić orientację kamery. Istnieją dwa sposoby, aby to zrobić:

Metoda 1 - użyj 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 

metoda 2 - zestaw X-komponent 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)); 

skrzypce: http://jsfiddle.net/q3m2kh5q/

th ree.js r.73

Answer 2

trzeba użyć orbitę i śledzenia kontroli, jak tu:

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

Edit:

też możesz rozważyć użycie aparatu orto ten post tutaj może pomóc:

Three.js - Orthographic camera

przykład można zobaczyć tutaj:

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

i tu jest link (witrynie Udacity) wyjaśniający użycie:

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