Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

Gamepad API はゲームパッド(コントローラー)の接続検知、ボタン・スティックの入力値取得を行います。

対応ブラウザ

デスクトップ

Chrome 35+
Edge 12+
Safari 10.1+
Firefox 29+

モバイル

Chrome Android 35+
Safari iOS 10.3+
Firefox Android 32+

基本構文

JAVASCRIPT
window.addEventListener('gamepadconnected', (e) => {
  console.log('コントローラー接続:', e.gamepad.id);
});
function update() {
  const gp = navigator.getGamepads()[0];
  if (gp) console.log('Aボタン:', gp.buttons[0].pressed);
  requestAnimationFrame(update);
}

実務での使いどころ

  • Gamepad の活用

    Gamepad API。ゲームコントローラーの入力を取得するAPI。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。