Cách tìm ma trận xoay giữa hai vectơ trong THREE.js

Question

Tôi đang tìm cách tìm ma trận xoay giữa hai vectơ được xác định trong THREE.js.

Ví dụ

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

Tôi cần ma trận xoay này để xoay toàn bộ đối tượng trong bước tiếp theo.

Answer 1

Bạn có thể định nghĩa một vòng quay từ hai vectơ đơn vị chiều dài v1 và v2 như vậy:

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

quaternion.setFromUnitVectors(v1, v2); 

Trong trường hợp của bạn, bạn cần phải bình thường hóa vectơ của bạn đầu tiên.

Sau đó bạn có thể áp dụng được luân chuyển đến một đối tượng sử dụng mẫu sau:

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

matrix.makeRotationFromQuaternion(quaternion); 

object.applyMatrix(matrix); 

Ngoài ra, nếu bạn không yêu cầu các ma trận, bạn có thể chỉ áp dụng các quaternion trực tiếp:

object.applyQuaternion(quaternion); 

ba.js r.86

Answer 2

Tôi không sử dụng quaternions thay vào đó tôi sẽ làm như thế này (không sử dụng THREE.js.):

.210

xây dựng 4x4 chuyển đổi ma trận cho V1 vector đầu tiên (V1, V2 đặt trên mặt phẳng XY và V1 là trục 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; 

bây giờ áp dụng luân chuyển ma trận xung quanh trục Z vào nó

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

• xoay quanh trục Z theo góc +/-
• ký hiệu góc phụ thuộc vào toán hạng sản phẩm chéo trục Y thứ tự
• không chắc chắn ngay bây giờ đầu nhưng bạn sẽ thấy
• nếu bạn đặt nó sai V2 sẽ đứng về phía đối diện