javascript - 使用 THREE.JS 滚球

Question

我一直在使用 THREE.JS 在 WebGL 中开发这个小台球游戏。

现在，我在将球从一个位置(例如 Vector3(0, 0, 0))滚动到另一个位置 Vector3(10, 50, 200) 时遇到问题。运动不是问题，但我就是无法计算出旋转。这是我的做法，或者尝试:

首先我得到距离:

var movement = new THREE.Vector3();
movement.subVectors(to, from);
var distance = movement.length();

接下来我计算 Angular

var angle = (distance / (radius * 2 * Math.PI));

之后，事情变得有点困惑，我不知道使用什么方法来旋转实际对象 - 我尝试过四元数:

var quaternion = new THREE.Quaternion().setFromAxisAngle(movement.normalize(), angle);
mesh.rotation.setEulerFromQuaternion(quaternion);

有人知道如何实现这种旋转吗？

感谢您的帮助!

Answer 1

mesh.rotation.set(along_x, along_y, along_z);
mesh.rotation.z += 0.1;

您可以在网格上使用applyTransformation，之后您应该让lookAt向量指向to向量，然后应用绕x轴的简单动画旋转(因为lookAt向量=对象的z轴)。

希望这有帮助。