JavaScript如何计算坦克沿炮口朝向的移动方向

直接操作model.position.z修改的是世界坐标系下的Z轴坐标，位移逻辑和模型自身旋转状态完全独立，因此不会随朝向改变移动方向。

直接使用Three.js内置的本地坐标系位移API替换原有的position赋值逻辑即可，不需要手动计算三角函数换算坐标：

window.addEventListener('keydown', function (event) {
    if (event.code === 'KeyW') {
        // 沿坦克自身朝向（本地Z轴负方向）前进
        model.translateZ(-0.1)
    } else if (event.code === 'KeyA') {
        // 炮口左转
        model.rotation.y += 0.01
    } else if (event.code === 'KeyD') {
        // 炮口右转
        model.rotation.y += -0.01
    } else if (event.code === 'KeyS') {
        // 沿坦克自身背向（本地Z轴正方向）后退
        model.translateZ(0.1)
    }
})

• translateZ()方法会自动读取模型当前的旋转矩阵，把传入的本地轴位移量换算为世界坐标系下X、Z轴的对应偏移，自动适配任意旋转角度下的朝向移动
• 如果你导入的坦克模型初始炮口朝向不是本地Z轴负方向，只需要调整translateZ传入值的正负，或者改用translateX()适配本地X轴朝向即可
• 原有的转向逻辑不需要修改，rotation.y的旋转控制本身是生效的

内容的提问来源于stack exchange，提问作者David