javascript - Three.js 看起来好像被翻转了

Question

我在这里有一个演示：测试站点或（备份）

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

谁能告诉我该怎么做才能解决这个问题以及为什么要这样做？

Answer 1

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

您的“船”前部指向本地正y-axis 的方向。

编辑：

要重新定位几何图形，请在创建几何图形后立即应用矩阵，如下所示：

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