Jak znaleźć macierz obrotu między dwoma wektorami w THREE.js

Question

Poszukuję sposobu znalezienia macierzy rotacji między dwoma zdefiniowanymi wektorami w THREE.js.

Na przykład

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

trzeba tej macierzy rotacji do obracania całego obiektu w następnym etapie.

Answer 1

Można zdefiniować obrót z dwoma wektorami jednostka długości v1 i v2 tak:

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

quaternion.setFromUnitVectors(v1, v2); 

w Twoim przypadku, trzeba znormalizować swoje wektory pierwszy.

Można wtedy zastosować ten obrót do obiektu za pomocą następującego wzoru:

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

matrix.makeRotationFromQuaternion(quaternion); 

object.applyMatrix(matrix); 

Ewentualnie, jeśli nie wymaga matrycy, można po prostu zastosować kwaternion bezpośrednio:

object.applyQuaternion(quaternion); 

three.js r.86

Answer 2

Używam quaternions zamiast tego zrobiłbym tak (nie używaj THREE.js):

konstrukt przekształcania 4x4 matrycę pierwszy wektor V1 (V1, V2 kładzie na jego płaszczyźnie XY i V1 jest oś 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; 

teraz zastosować obrót macierzą transformacji wokół osi Z na nim

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

• obracać wokół osi z o +/- kąta
• kąt znak zależy od osi Y przejechać argumenty zamówienia
nie
• pewien teraz od Głowica ale widać
• jeśli ustawisz go źle V2 będzie po przeciwnej stronie