Three.js Spostamento della fotocamera lungo un percorso dopo l'evento click

Question

Per il passato ... molte ore, ho provato, cercato e letto su come ottenere una telecamera che si muove lungo un percorso in Three.js. Non riesco a trovarlo, o sono diventato saturo e non riesco a vedere una risposta, anche se mi ha morso in faccia.

Quello che voglio non è poi così difficile. Ho diverse cose simili a icone in uno spazio 3D, su cui voglio poter fare clic. Ho l'estensione THREEx per questo, quindi quella parte va bene. Ora la parte in cui la telecamera si muove senza intoppi lungo un percorso predeterminato, insieme al suo aspetto sull'asse Y, in modo che sia rivolto verso la successiva 'icona'.

Il mio primo approccio è stato quello di tracciare un percorso utilizzando una curva di Bezier e scoprire come trasformare uno di quelli a forma di spirale leggermente più in alto, quindi scoprire come animare la telecamera lungo quel percorso dopo l'evento click. Sono ancora bloccato - duro - nel tentativo di scoprire come creare un percorso semplice che curva verso l'alto, per non parlare della parte scoraggiante dopo.

Sono sulla strada giusta? Se è così, come faccio a fare un percorso del genere? O dovrei semplicemente creare una curva di Bezier regolare e ruotarla e modificarla finché non si adatta alle mie esigenze? E infine, come posso fare in modo che la telecamera segua il percorso in una (breve) animazione, movimento regolare?

Grazie in anticipo!

Answer 1

Date un'occhiata a questo link: http://cubic.org/docs/hermite.htm

Spiega calcolo delle curve, comprese le variazioni si vorrà essere a conoscenza. Ad esempio, una curva di Bézier non è una buona curva per l'animazione perché non rilascia punti uguali distanti l'uno di fronte all'altro, portando a una variazione di velocità indesiderata con la fotocamera.

Al collegamento, la discussione inizia con un spiegatore matematico per uscire, fornisce uno pseudo codice e quindi mostra come derivare diversi tipi popolari di curve con variazioni della stessa matematica iniziale. Questo continua a TCB: Tensione, Continuità, & Curve Bias, che ti danno il bel tipo di controlli che desideri sulla tua fotocamera.