沿平坦表面/道路移动带有物体的相机时发生意外旋转答案

【问题标题】：unexpected rotation when moving camera with a object along a plain surface/road沿平坦表面/道路移动带有物体的相机时发生意外旋转
【发布时间】：2016-06-04 10:50:54
【问题描述】：

我对 three.js 还是很陌生。我想让一个立方体/物体在平坦的表面/道路上移动。我移动物体 z 方向。但我也想移动相机。（就像一个司机和汽车）。

function move() {
   // move cube and camera
   cube.position.z -= 0.06;
   camera.position.z -= 0.06;
}

如下图所示，它开始正确但突然旋转并改变方向。基本上我希望立方体移动它后面的摄像头。所以它应该看起来像一辆汽车和司机在路上移动。但你可以看到世界正在旋转xaxis。我不希望它像这样旋转。我想知道为什么会这样。

here is a jsfiddle live example

【问题讨论】：

标签： javascript three.js

【解决方案1】：

你没有告诉你的相机你想让它看哪里，所以它仍然指向它开始时的同一个目标。如果您希望它在您的示例中跟踪多维数据集，请将您的 move() 函数更新为如下所示：

function move() {
   cube.position.z -= 0.06;
   camera.position.z -= 0.06;
   camera.lookAt(cube);
}

【讨论】：