ThreeJS camera.lookAt() non ha alcun effetto, c'è qualcosa che sto facendo male?

Question

In Three.js, voglio che una telecamera sia puntata in un punto nello spazio 3D.

Per questo scopo, ho provato utilizzando la funzione camera.lookAt modo:

camera.lookAt(new THREE.Vector3(-100,-100,0)); 

Tuttavia, ho scoperto che la chiamata non ha alcun effetto. Semplicemente non fa niente. Ho provato a cambiare i numeri nel vettore, e ottengo sempre lo stesso aspetto sullo schermo, quando dovrebbe cambiare.

Ho appena trovato ora che se rimuovo lo THREE.TrackballControls che ho nel mio codice, il camera.lookAt() funziona come dovrebbe. C'è qualcosa di sbagliato nel modo in cui utilizzo THREE.TrackballControls? Questo è come io li inizializzo:

controls = new THREE.TrackballControls(camera, renderer.domElement); 

    controls.rotateSpeed = 10.0; 
    controls.zoomSpeed = 1.2; 
    controls.panSpeed = 0.2; 

    controls.noZoom = false; 
    controls.noPan = false; 

    controls.staticMoving = true; 
    controls.dynamicDampingFactor = 1.0; 

    var radius = 5; 
    controls.minDistance = radius * 1.1; 
    controls.maxDistance = radius * 100; 

    controls.keys = [ 65, 83, 68 ]; // [ rotateKey, zoomKey, panKey ]*/ 

E poi nella mia funzione di rendering che faccio:

function render() { 
    controls.update(); 
    renderer.render(scene, camera); 
} 

documentazione sul Three.js è piuttosto scarsa, così ho pensato di chiedere qui. Sto facendo qualcosa di sbagliato?

Answer 1

Guardando il codice sorgente di THREE.TrackballControls, ho capito che posso fare l'aspetto della fotocamera dove voglio impostando trackballControls.target al THREE.Vector3 lo voglio a guardare, e poi rerendering la scena.

Answer 2

Sì Si prega di fare attenzione ... Sembra che avere THREE.TrackballControls o THREE.OrbitControls sembra ignorare la funzione camera.lookAt mentre si sta passando nella fotocamera quando si istanzia un'istanza dei controlli. Potresti voler eliminare i controlli e quindi eseguire camera.lookAt() o interpolare la videocamera in un altro modo per verificare che i controlli abbiano un effetto prioritario sulla tua fotocamera. Ho cercato su Google per un po 'il motivo per cui camera.lookat() sembrava non avere alcun effetto.

Answer 3

L'ho capito. Per evitare THREE.TrackballControls o THREE.OrbitControls di ignorare camera.lookAt su di inizializzazione, è necessario modificare la riga che imposta proprietà del controllo target per eguagliare il somma del camera.position vettoriale e la camera.getWorldDirection() vettore, invece di come è attualmente implementato utilizzando un new THREE.Vector3() (che di default a (0, 0, 0)).

Così, per THREE.TrackballControls, cambiare linea 39 a:

this.target = new THREE.Vector3().addVectors(/*new line for readability*/ 
    object.position, object.getWorldDirection()); 

Lo stesso vale per THREE.OrbitControls, sulla linea 36. ho actaully non l'ho testato su TrackballControls.js ma funziona su OrbitControls.js. Spero che questo ti aiuti.

Answer 4

Ecco una soluzione alternativa: creare un oggetto (ovvero un cubo) con 0 dimensioni.

var cameraTarget = new THREE.Mesh(new THREE.CubeGeometry(0,0,0)); 

Nella funzione rendering impostare il camera.lookAt alla posizione del CameraTarget.

function render() { 
    camera.lookAt(cameraTarget.position); 
    renderer.render(scene, camera); 
} 

Poi basta spostare CameraTarget intorno come si desidera.

Answer 5

A mio parere, non dovremmo fare confusione con il codice originale.Ho trovato un modo per raggiungere l'obiettivo di guardare a qualsiasi punto particolare. dopo aver dichiarato la vostra "controllo" variabile, è sufficiente eseguire questi due righe di codice:

// Assuming you know how to set the camera and myCanvas variables 
control = new THREE.OrbitControls(camera, myCanvas); 

// Later in your code 
control.object.position.set(camX, camY, camZ); 
control.target = new THREE.Vector3(targetX, targetY, targetZ); 

Tenete a mente che questo passerà al centro della messa a fuoco per la nuova destinazione. In altre parole, il tuo nuovo target sarà il centro di tutte le rotazioni della telecamera. Alcune parti saranno difficili da guardare man mano che diventerai familiare manipolare la fotocamera assumendo il centro predefinito. Prova a ingrandire il più possibile e avrai un'idea di cosa sto dicendo Spero che questo aiuto.