沿着平面/道路移动相机与物体时的意外旋转

Question

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

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

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

here is a jsfiddle live example

Answer 1

你没有告诉你的相机你想要它的样子，所以它仍然指向它开始的同一个目标。如果您希望它在示例中跟踪多维数据集，请将 move（）函数更新为：

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