Spostamento di un oggetto in base alla sua rotazione in three.js

Question

Sto provando a spostare un cubo in three.js in base alla sua rotazione ma non sono sicuro su come procedere.

A partire da ora posso ruotare la rotazione z del cubo con i tasti A & D. E con il tasto W vorrei spostarmi in avanti rispetto alla sua rotazione.

Da 2D vorrei quindi qualcosa sulla falsariga di:

float angle = GradToRad(obj.rotation); 
obj.x = obj.x + cos(angle) * velocity; 
obj.y = obj.y + sin(angle) * velocity; 

Ecco un'immagine della implementazione corrente.

Come posso applicare qualcosa di simile in three.js?

Answer 1

Gli oggetti possono essere considerati rivolti verso l'asse Z positivo. Quindi, per spostare un oggetto in avanti, rispetto ad essa la propria sistema di coordinate, è possibile utilizzare

Object3D.translateZ(distance); 

Three.js r.57

Answer 2

Potrebbe essere più semplice esprimere sia la rotazione che la traduzione in un singolo (proiettivo omogeneo) 4×4 matrix. Il membro Object3D.matrix in three.js lo fa già, anche se potresti dover impostare matrixAutoUpdate su false per utilizzarlo direttamente. Quindi è possibile spostare utilizzare il metodo translate per spostare l'oggetto nel proprio frame di riferimento.

Answer 3

Il tuo metodo 2D è esattamente come ho fatto in Three.js. Per la posizione Y sto usando una tecnica di collisione del terreno (che ha ancora bisogno di lavoro);