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

时间:2013-06-18 21:08:58

标签: javascript rotation three.js

我试着把头包住它至少一个星期,但这对我来说太沉重了。 问题是当我点击PLANE上的特定坐标时,我希望我的3D模型旋转以面向新坐标,然后改变它的位置以匹配新坐标(如果你还向我解释如何声明对象的速度并以该速度移动它。)

我知道它必须对THREE.Matrix4()函数做一些事情。

(如果你玩过星际争霸或类似游戏,你就会知道我在做什么;>)

以下是我目前的情况:

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

以下是我想要实现的目标:

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

1 个答案:

答案 0 :(得分:1)

首先,您需要进行光线投射,以计算单击时鼠标光标相交的平面位置,查看http://stemkoski.github.io/Three.js/Mouse-Over.html以获取代码的相关示例。然后,一旦您知道该职位,就可以使用lookAt功能:有关详细信息,请参阅http://mrdoob.github.io/three.js/examples/misc_lookat.html