如何在JavaScript中构造Gamepad对象以模拟控制器输入？

Gamepad是浏览器原生提供的只读对象，不能通过new Gamepad()手动实例化——它只能由浏览器在检测到真实游戏手柄连接时自动生成，这就是你代码报错的核心原因。

要模拟控制器输入，你不需要真的创建Gamepad实例，只需要构造一个结构符合Gamepad接口的普通对象，就能被GamepadEvent正常接收。以下是修改后的可行代码：

// 示例按键映射，根据你的需求自定义
const keyMappings = {
  'w': {
    axes: [0, -1], // 左摇杆向上
    buttonIndex: null
  },
  'space': {
    axes: [0, 0],
    buttonIndex: 0 // 模拟A键按下
  }
};

function simulateControllerInput(key) {
  const mapping = keyMappings[key];
  if (!mapping) return;

  // 构造模拟Gamepad对象，实现标准Gamepad接口的核心属性
  const simulatedGamepad = {
    id: 'Simulated-Controller',
    index: 0,
    connected: true,
    axes: mapping.axes || [],
    buttons: mapping.buttonIndex !== null
      ? Array.from({ length: 16 }, (_, idx) => ({
          pressed: idx === mapping.buttonIndex,
          touched: false,
          value: idx === mapping.buttonIndex ? 1 : 0
        }))
      : Array(16).fill({ pressed: false, touched: false, value: 0 }),
    mapping: 'standard'
  };

  // 触发按钮按下事件
  const buttonDownEvent = new GamepadEvent('gamepadbuttondown', {
    bubbles: true,
    cancelable: true,
    gamepad: simulatedGamepad
  });
  document.dispatchEvent(buttonDownEvent);

  // 可选：模拟按钮松开（延迟200ms触发，模拟真实按键时长）
  setTimeout(() => {
    const updatedGamepad = {
      ...simulatedGamepad,
      buttons: simulatedGamepad.buttons.map(btn => ({ ...btn, pressed: false, value: 0 }))
    };
    const buttonUpEvent = new GamepadEvent('gamepadbuttonup', {
      bubbles: true,
      cancelable: true,
      gamepad: updatedGamepad
    });
    document.dispatchEvent(buttonUpEvent);
  }, 200);
}

关键说明： #

1. 模拟对象的必要性：浏览器的GamepadEvent不强制要求传入真实的Gamepad实例，只要对象包含axes、buttons、id等核心属性，就能被事件监听逻辑识别。
2. 属性完整性：建议补充index、connected、mapping等属性，避免部分依赖Gamepad完整接口的监听代码报错。
3. 摇杆输入模拟：如果需要模拟摇杆持续输入，除了触发事件，你还可以结合重写navigator.getGamepads()方法，让它返回你的模拟对象，这样依赖轮询getGamepads()的代码也能识别到模拟输入。

内容的提问来源于stack exchange，提问作者Muhammad Anas Sajjad