三个 Js 在 Y 轴上旋转网格以面对特定的矢量位置

Question

我大部分时间都在尝试在 Y 轴上旋转网格以面对特定的网格位置。

找到了一些方法，但没有一个对我有帮助。

这就是我所拥有的。

   var vector = new THREE.Vector3(0,0,5);
   var axis = new THREE.Vector3(0, 1, 0);
   turret.quaternion.setFromUnitVectors(axis, vector.clone().normalize());

所以我不确定我是否理解为什么炮塔不会旋转以面对特定的vector 位置。我还使用vec1.angleTo(vec2) 尝试使用欧拉旋转并将炮塔旋转到指定方向但没有成功。

如果有人能解释这应该如何工作以及如果我错了背后的逻辑是什么，我会非常高兴

Answer 1

这是THREE.Vector3 构造函数(Docs)：

Vector3( x, y, z )

x -- Float the vector's x value 
y -- Float the vector's y value 
z -- Float the vector's z value

您想在 Y 轴上旋转网格，但实际上是在 Z 轴上旋转，所以不是：

var vector = new THREE.Vector3( 0, 0, 5);

尝试：

var vector = new THREE.Vector3( 0, 5, 0);