javascript - Three.js / 围绕其 Y 轴旋转对象以查看特定方向

Question

我试着用头绕着它至少一个星期，但它对我来说太重了。问题是，当我单击 PLANE 上的特定坐标时，我希望我的 3d 模型旋转以面对新坐标，然后更改它的位置以匹配新坐标（如果您还向我解释如何声明对象的速度并以该速度移动它）。

我知道它必须与 THREE.Matrix4() 函数有关。

（如果你玩过星际争霸或类似游戏，你就会知道我在做什么；>）

这是我到目前为止所拥有的：

http://f.cl.ly/items/1u2q463D1Y0K3G1W2g3P/bf.jpg

这就是我想要实现的目标：

http://i.stack.imgur.com/Q2vrs.jpg

Answer 1

首先，您需要进行光线投射，以计算单击时鼠标光标相交的平面的位置，请查看http://stemkoski.github.io/Three.js/Mouse-Over.html以获取相关示例带代码。然后，一旦你知道了位置，你就可以使用这个lookAt函数了：详见http://mrdoob.github.io/three.js/examples/misc_lookat.html。