Come trovare la matrice di rotazione tra due vettori in THREE.js

Question

Sto cercando il modo per trovare la matrice di rotazione tra due vettori definiti in THREE.js.

Per esempio

v1 = new THREE.Vector3(1, 1, 1) v2 = new THREE.Vector3(1, 1, -1)

ho bisogno di questa matrice di rotazione per ruotare intero oggetto in fase successiva.

Answer 1

È possibile definire una rotazione da due vettori unità di lunghezza v1 e v2 in questo modo:

var quaternion = new THREE.Quaternion(); // create one and reuse it 

quaternion.setFromUnitVectors(v1, v2); 

Nel tuo caso, è necessario normalizzare i vettori prima.

Si può quindi applicare la rotazione a un oggetto utilizzando il seguente schema:

var matrix = new THREE.Matrix4(); // create one and reuse it 

matrix.makeRotationFromQuaternion(quaternion); 

object.applyMatrix(matrix); 

In alternativa, se non si richiede la matrice, si può solo applicare il quaternione direttamente:

object.applyQuaternion(quaternion); 

three.js r.86

Answer 2

Io invece uso i quaternioni invece lo farei in questo modo (non utilizzare neanche THREE.js):

costrutto 4x4 trasformata matrice per primo V1 vettore (V1, V2 depone sul suo piano XY e V1 è asse X)

double V1[3],V2[3]; // input 
double X[3],Y[3],Z[3],P[3]; // output 
double m[16]; // OpenGL like transform matrix 
X = V1; 
Z = V1 x V2; 
Y = X x Z; 
X/=|X|; 
Y/=|Y|; 
Z/=|Z|; 
P = (0,0,0); 
m[ 0]=X[0]; 
m[ 1]=X[1]; 
m[ 2]=X[2]; 
m[ 3]=0; 
m[ 4]=Y[0]; 
m[ 5]=Y[1]; 
m[ 6]=Y[2]; 
m[ 7]=0; 
m[ 8]=Z[0]; 
m[ 9]=Z[1]; 
m[10]=Z[2]; 
m[11]=0; 
m[12]=P[0]; 
m[13]=P[1]; 
m[14]=P[2]; 
m[15]=1; 

ora riferimento rotazione trasformare matrice attorno all'asse Z sopra

double angle = acos((V1.v2)/(|V1|.|V2|)) 

• ruotare attorno all'asse Z di +/- angolo
• l'angolo segno dipende sull'asse Y attraversano operandi prodotto di ordine
non
• certo momento dal testa, ma si vedrà
• se si imposta male l'V2 sarà sul lato opposto