如何在Three.js中使用3X3矩阵进行旋转

Question

我有一个3X3矩阵，如下所示：

[ a11  a12  a13 ]
[ a21  a22  a23 ]
[ a31  a32  a33 ]

但是如何在THREE.js中使用该矩阵旋转到网格。

Answer 1

您要通过矩阵指定网格的方向。为此，可以使用以下两种模式之一：

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

matrix.set(
    a11, a12, a13,  0,
    a21, a22, a23,  0,
    a31, a32, a33,  0,
      0,   0,   0,  1
);

如果您知道矩阵是旋转矩阵（即不涉及缩放），

mesh = new THREE.Mesh( geometry, material );

mesh.quaternion.setFromRotationMatrix( matrix );

否则，

mesh = new THREE.Mesh( geometry, material );

mesh.applyMatrix( matrix );

three.js r.94