Pivoter la caméra autour de l'objet avec Three.js

J'affiche un OBJ élément avec Three.js à l'aide de WebGlRenderer, maintenant, je voudrais permettre aux utilisateurs de faire pivoter la caméra autour de l'objet dans n'importe quelle direction, j'ai trouvé cette réponse:

Pivoter la caméra dans Three.js avec la souris

Mais les deux exemples m'a fait des erreurs, la première indique que le projecteur n'est pas définie, et je ne sais pas ce que cela signifie avec "projecteur". J'ai juste une simple caméra, l'objet et de la lumière.
Le deuxième code, dit indéfini, n'est pas une fonction.

Ce que quelqu'un sait comment faire pour obtenir le résultat dont j'ai besoin?

OriginalL'auteur Fez Vrasta | 2013-08-27

  1. 31

    C'est ce que vous voulez: http://threejs.org/examples/misc_controls_orbit.html

    Inclure l'orbite des contrôles (après l'avoir téléchargé):

    <script src="js/controls/OrbitControls.js"></script>

    Configuration de la variable:

    var controls;

    Joindre les contrôles de l'appareil photo et ajouter un écouteur:

    controls = new THREE.OrbitControls( camera );
controls.addEventListener( 'change', render );

    et dans votre fonction animate de mettre à jour les contrôles:

    controls.update();

    [Mise à jour] controls.autoRotate = true; (testé dans v73. Les versions récentes de OrbitControls.js a ajouté ce contrôle.)

    Je vous remercie, mais maintenant, c'est le point qui tourne autour de la caméra... comment puis-je inverser le comportement? merci
    Vous pouvez choisir ce que l'orbite de sorte qu'au lieu de l'appareil photo, vous pouvez mettre un objet en là, si vous voulez, par exemple "sphère" de sorte qu'il serait: nouveau TROIS.OrbitControls( sphère );
    Merci mais je ne peux pas faire cela fonctionne, j'utilise ce code pour charger les OBJ: jsfiddle.net/7aqmB mais si j'utilise dans OrbitControls il est dit que l'objet n'est pas définie...
    Il n'est pas nécessaire d'écrire controls.addEventListener( 'change', render ); dans le code. La bibliothèque est de le faire lui-même. Et controls.update() doit être à l'intérieur de la function render(){...}, PAS dans le function animate(){...}
    ... est même pas nécessaire d'utiliser controls.update() dans render(). Il va travailler.

    OriginalL'auteur Matthew Riches

  2. 1

    En effet, si l'on remplace "caméra" avec l'objet de votre choix, l'objet va tourner. Mais si il y a d'autres objets qui l'entourent (par exemple une grille sur le sol), elles restent encore debout. Qui pourrait être ce que vous voulez, ou il peut sembler étrange. (Imaginez une chaise tournante flottant au-dessus du sol...?)

    Je choisir de remplacer le centre de l'objet à partir de OrbitControls.JS à partir de mon code après l'initialisation de l'Orbite des Contrôles

    controls = new THREE.OrbitControls(camera, renderer.domElement);
…
controls.center =  new THREE.Vector3(
    chair.position.x,
    chair.position.y,
    chair.position.z
);

    (disclaimer: j'ai l'impression qu'il existe différentes versions de OrbitControls.js autour d'elle, mais je suppose qu'ils utilisent tous ce centre-objet)

    OriginalL'auteur Ideogram