Firefox は、 gamepadisconnected
イベントを取ることを推奨しているようですので、ゲームのメインループ内で上記をしないのなら、以下のコードで取得を試みるべきです。(私の環境でも、1度目の getGamePads() の呼び出しは失敗することがありました。 )
window.addEventListener("gamepadconnected", function(e) {
var gp = navigator.getGamepads()[e.gamepad.index];
console.log("gamepad[%s]: button.length=%d", gp.id, gp.buttons.length);
});
...が! 今度は Chrome が gamepadisconnected
イベントを持たないため、おかしなことになるので、Chrome 用には、定期的なポーリングをするのがよいようです。
var interval;
if (!('ongamepadconnected' in window)) {
// No gamepad events available, poll instead.
interval = setInterval(pollGamepads, 500);
}
function pollGamepads() {
var gamepads = (typeof navigator.getGamepads === "function") ? navigator.getGamepads() : ((typeof navigator.webkitGetGamepads === "function")? navigator.webkitGetGamepads : []);
for (var i = 0; i < gamepads.length; i++) {
var gp = gamepads[i];
if (gp) {
gamepadInfo.innerHTML = "Gamepad connected at index " + gp.index + ": " + gp.id +
". It has " + gp.buttons.length + " buttons and " + gp.axes.length + " axes.";
gameLoop();
clearInterval(interval);
}
}
}
以上は、Mozilla の Using the Gamepad API を参考にしました。