如何使用 ThreeJS 沿水平方向向前移动相机答案

【问题标题】：How to move camera forward along horizontal with ThreeJS如何使用 ThreeJS 沿水平方向向前移动相机
【发布时间】：2022-01-22 02:46:31
【问题描述】：

我有一个 three.js 程序，当我按下“w”键时，它会向前移动相机。

if (keys.indexOf(playerControls["forward"]) != -1) {
    camera.translateZ(-0.1);
}

但是，我希望相机根本不垂直移动，而只是水平移动（按下“w”时 x 和 z 轴移动，但 y 轴被忽略）。我怎么能做到这一点？（没有一堆触发）

【问题讨论】：

你可能想看看这个例子：codepen.io/adelriosantiago/pen/mdBwYad?editors=1010，它是一个带有 WASD 控件的 FPS，Y 轴被锁定。
你在使用任何特定的库吗？

【解决方案1】：

translateZ 对于沿您所面对的方向移动相机很重要，但您可以通过在每次移动后更正 Y 位置来轻松固定 Y 位置：

const camHeight = 5;

if (keys.indexOf(playerControls["forward"]) != -1) {
    camera.translateZ(-0.1);
    camera.position.y = camHeight;
}

【讨论】：