Isometrische Kamera mit THREE.js

Wie kann ich den Winkel der Kamera zu so etwas wie der isometrische Projektion?

InformationsquelleAutor Daniel Ribeiro | 2014-05-03
  1. 40

    Erhalten eine isometrische Ansicht, die Sie verwenden können, eine OrthographicCamera. Sie müssen dann, um die Kamera-Ausrichtung korrekt. Es gibt zwei Möglichkeiten, das zu tun:

    Methode 1 - verwenden 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

    Methode 2 - setzen Sie die x-Komponente der 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 ) );

    Isometrische Kamera mit THREE.js

    fiddle: http://jsfiddle.net/q3m2kh5q/

    three.js r.73

    • Wenn Sie die position der Kamera auf 100 auf der Z-Achse, dann werden Sie pflegen Sie verhindert clipping das raster mit der near clip plane der Kamera. Um halten die gleiche isometrische Ansicht jedoch müssen Sie auch update der X-Y-Positionen übereinstimmen. Linie 44 camera.position.set( 100, 100, 100 );
    InformationsquelleAutor WestLangley
  2. 1

    müssen Sie die Verwendung von orbit und track-Steuerungen , wie hier :

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

    Edit:

    außerdem können Sie erwägen, mit ortho-Kamera dieser Beitrag hier kann dir helfen :

    Three.js - Orthografische Kamera

    ein Beispiel kann hier angesehen werden :

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

    und hier ist ein link (udacity) zur Erklärung der Nutzung:

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

    • Ich möchte einen festen Winkel, nicht kontrolliert.
    • ja ich weiß , die Kontrollen wird Ihnen helfen, geben Sie den Winkel , den Sie wünschen, dann können Sie die Kamera auf den gewünschten Winkel. Kamera hat rotationx , rotationy und rotationz , aslo positionx , positiony , und positionz
    • Es hat nicht wirklich mir helfen, weil wenn ich die debug-Kamera-Drehung in, es ist in Euler-Objekt anstelle der normalen radian.
    • vielleicht kann ich helfen , wenn Sie Geige das Objekt, das Sie möchten , und den genauen Blick, die Sie zeigen möchten.
    • Kein Objekt, kein gar nichts. Ich brauche die Kamera drehen, um eine isometrische Winkel. So einfach ist das.
    • ok ich habe bearbeitet meine Antwort , hoffe es hilft.

    InformationsquelleAutor ProllyGeek
Schreibe einen Kommentar