Babylon.js第一人称游戏：如何检测Shift键按住以实现冲刺功能

两种可行实现方式 #

原生JavaScript事件监听 #

直接给文档绑定键盘按下/抬起事件，监听SHIFT键状态来切换相机速度：

let isSprinting = false;
const baseSpeed = 0.1;
const sprintSpeed = 0.2;

document.addEventListener('keydown', (e) => {
  if (e.key === 'Shift' || e.keyCode === 16) {
    isSprinting = true;
    camera.speed = sprintSpeed;
  }
});

document.addEventListener('keyup', (e) => {
  if (e.key === 'Shift' || e.keyCode === 16) {
    isSprinting = false;
    camera.speed = baseSpeed;
  }
});

Babylon.js引擎原生输入监听 #

用Babylon.js的onKeyboardObservable处理，更贴合引擎事件体系：

const baseSpeed = 0.1;
const sprintSpeed = 0.2;

scene.onKeyboardObservable.add((info) => {
  if (info.type === BABYLON.KeyboardEventTypes.KEYDOWN) {
    if (info.event.key === 'Shift' || info.event.keyCode === 16) {
      camera.speed = sprintSpeed;
    }
  } else if (info.type === BABYLON.KeyboardEventTypes.KEYUP) {
    if (info.event.key === 'Shift' || info.event.keyCode === 16) {
      camera.speed = baseSpeed;
    }
  }
});

常见问题排查 #

• 如果SHIFT事件被拦截，可在事件处理函数中添加e.preventDefault()（注意不要影响其他功能）
• 确认使用的是正确的相机类型（如FreeCamera），部分相机的速度属性命名或逻辑有差异
• 确保事件绑定在相机和场景初始化完成后执行，避免未找到camera实例

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