javascript - Three.js lookat 好像被翻转了

Question

我这里有一个演示:Test Site或 ( Backup )

出于某种原因，即使鼠标矢量是正确的，我的对象也总是旋转 90 度以支持正 Y 轴。据我所知，唯一可能出错的调用是调用:ship.mesh.lookAt(mouse);，每次屏幕动画时我都会调用它。

谁能告诉我如何解决这个问题以及为什么会这样？

Answer 1

object.lookAt( position ) 调整对象的方向，使对象的局部正 z 轴 指向所需位置。

您的“飞船”前端指向局部正 y 轴 的方向。

编辑:

要重新定向几何体，请在创建几何体后立即应用矩阵，如下所示:

geometry.applyMatrix( new THREE.Matrix4().makeRotationX( Math.PI / 2 ) );