javascript - three.js:从平面正交向量到平面旋转矩阵

Question

我想设置一个平面的旋转。这需要三个数字表示 x、y 和 z 轴上的弧度旋转。

我没有这些数字，但是，我有一个向量“myVec”，一旦旋转，它就应该与平面正交。

这个矢量让我更近了一步，但还不够完整:THREE.Vector3 提供了一个函数“setEulerFromRotationMatrix”。如果我能弄清楚如何从 myVec 生成旋转矩阵，也许我可以使用它:

旋转矩阵描述了一个向量如何转换为另一个向量。因此出现了一个问题:哪个向量应该是起始向量？这个 (1,1,1)，还是这个 (1,0,0)？

其次，我实际上如何制作矩阵？我看过http://en.wikipedia.org/wiki/Rotation_matrix ，但只找到了如何将旋转矩阵转换为其他东西。它必须以某种方式反转矩阵乘法过程。

有什么建议吗？

Answer 1

在 three.js r50 中，默认平面位于原点，它是正 z 方向的法线点。因此，您要将向量 ( 0, 0, 1 ) 转换为 myVec。但您不必直接这样做。

在 three.js 中做你想做的最简单的方法就是这样。

var v = myPlane.position.clone();
v.add( myVec );
myPlane.lookAt( v );

让 three.js 为您计算。 :-)

编辑:更新到 three.js r.66