Obróć kamerę wokół obiektu za pomocą Three.js

Question

Wyświetlam element OBJ z Three.js przy użyciu WebGlRenderer, teraz chciałbym umożliwić użytkownikom obracanie kamery wokół obiektu w dowolnym kierunku, znalazłem tę odpowiedź :

Rotate camera in Three.js with mouse

Ale oba przykłady powrócić mi błędy, pierwszy mówi, że projektor nie jest zdefiniowany, a ja nie wiem, co to znaczy „z projektora”. Mam tylko prosty aparat, przedmiot i trochę światła. Drugi kod mówi, że undefined nie jest funkcją.

Czy ktoś wie, jak uzyskać wynik, którego potrzebuję?

Answer 1

To jest to, co chcesz: http://threejs.org/examples/misc_controls_orbit.html

Dołącz kontroli orbity (po pobraniu ich):

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

konfiguracji zmiennej:

var controls; 

przymocować kontroli do aparat i dodaj słuchacza:

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

iw swojej funkcji ożywionej aktualizują kontrole:

controls.update(); 

[Aktualizacja] controls.autoRotate = true; (testowane w V73. Najnowsze wersje OrbitControls.js dodały tę kontrolę.)

Answer 2

Rzeczywiście, jeśli zastąpisz "kamerę" wybranym obiektem, obiekt obróci się. Ale jeśli otaczają go inne obiekty (na przykład siatka na podłodze), będą nadal stać. To może być to, czego chcesz, albo może wyglądać dziwnie. (? Wyobraźmy sobie krzesło obracanie pływające nad podłogą ...)

wybrać, aby zastąpić obiekt centralny z OrbitControls.JS z mojego kodu po uruchomieniu Orbit Kontroluje

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

(Zastrzeżenie: mam wrażenie są różne wersje OrbitControls.js, ale zakładam, że wszyscy używają tego obiektu centralnego)