Chrome（バージョン19.0.1084.46）を使用しています。chrome：//flagsでゲームパッドAPIを有効にしました。いくつかのゲームパッドを接続しましたnavigator.webkitGamepadsが、常に未定義のみを含む長さ4の配列です。
navigator.webkitGamepads
GamepadList
0: undefined
1: undefined
2: undefined
3: undefined
length: 4
__proto__: GamepadList
ゲームパッドを使用してテストするには何をする必要がありますか？それが重要な場合、私はUbuntuLinuxを使用しています。
私もこれに問題がありました（Chrome21.0.1163.0開発のUbuntu10.04で）。私はクロムに関するスレッドからこれに出くわしました-議論：
データが利用可能になる前に、ゲームパッドのフェイスボタンを押す必要があることに注意してください。これは、フィンガープリントの問題によるものです。
コントローラーボタンを押したままページを更新すると機能するように見えるクイックテストページを作成しました。GamestopブランドのXbox360有線コントローラーとxboxdrvドライバーを使用しています。
また、注意すべきもう1つの重要な点は、Chromeはこれらのゲームパッドオブジェクトをコントローラーの状態のスナップショットのように扱います。したがって、実際のゲームパッドオブジェクトを渡すと、更新された情報を取得することはありません。Chromeは、ゲッターを呼び出したときにのみコントローラーをポーリングするようですnavigator.webkitGamepads[x]（テストページの23行目を参照）。
特記事項： GamePad APIは、FirefoxとGoogleChromeによって2つのまったく異なる方法で処理されます。このため、ブラウザのIDをテストするためのコードを含め、それに応じてケースを処理する必要があります。
navigator.getGamePads（）メソッドが呼び出されると、オブジェクトの配列が返され、それらのオブジェクトには、ゲームパッド/ジョイスティックのID、およびその軸/ボタンの状態に関する情報が含まれます。
問題は次のとおりです。Firefoxでは、メソッドは配列を呼び出し元のコードに渡します。その後、その配列を繰り返し調べて、独自のコードの軸/ボタンの状態の変化を探すことができます。Firefoxは期待どおりに動作し、受け取ったオブジェクトを新しい軸/ボタンデータで更新します。
一方、Google Chromeは、配列をまったく異なる方法で処理します。Chromeは、配列をゲームパッド/ジョイスティックのステータスの1回限りのスナップショットとして扱います。新しいデータをフェッチする場合は、navigator.getGamePads（）をもう一度呼び出して、新しいスナップショットをフェッチし、古いスナップショットを破棄する必要があります。 1。
結果として、両方のブラウザーでコードを機能させるには、このようなものが必要です（変数'gp'が、navigator.getGamePads（）の最初の呼び出しからの戻り値を以前に格納した変数であると仮定します...）
var ua = navigator.userAgent;
if (ua.toLowerCase().indexOf("chrome") != -1)
gp = navigator.getGamePads();
2つのブラウザーの動作がこれほど異なる理由は、別のスレッドのトピックですが、GamePad APIはまだ実験的であり、それに適用される標準の詳細はまだ確定されていないという事実と関係があると思います。
私の場合、Windows 7 64ビットでChromeを実行します（ただし、32ビットバージョンは、この方法でインストールしたコンピューターの製造元に最もよく知られている奇妙な理由で）、navigator.getGamePads（）によって返される配列には現在含まれています私のコンピュータに接続されている実際のゲームパッド/ジョイスティックと同じ数のエントリのみ。LinuxのChromeで何か違うことが起こっている場合は、配列にnull値があるかどうかをテストして、これも考慮する必要があります。
考慮すべきもう1つの要素は、ゲームパッド/ジョイスティックを選択するときに、標準ではGamePadオブジェクトのインデックスプロパティが参照され、その後配列にインデックスを付けるために使用されることです。この理由については、このドキュメントで詳しく説明しています。
W3Cページ：GamePadインターフェースの編集者ドラフト
ただし、これの実装は上記のGoogle Chromeの化身で説明されているように機能しますが、バージョンを実験的にチェックして、私のバージョンと同じように動作するかどうかを確認する必要があります。そうでない場合は、標準が完成するまでコードを適宜調整し、最新のすべてのブラウザーとそのすべてのOSの化身に適切な準拠が適用されます。
したがって、操作する特定のゲームパッド/ジョイスティックを選択すると、コードは次のようになります（インデックスセレクターとして変数「gid」を使用）。
var gLen = this.gamePads.length;
done = false;
idx = 0;
while (!done)
{
if (this.gamePads[idx] !== null)
{
if (gid == this.gamePads[idx].index)
{
//Here, choose this GamePad as the selected GamePad, based upon the index number as per the W3C recommendation ...
selectedGamePadIndex = gid;
selectedGamePad = this.gamePads[idx];
done = true;
//End if
}
//End if
}
//Update counter in case we haven't selected one of the available GamePads above ...
idx++;
if (idx >= gLen)
done = true; //Exit loop altogether if we've exhausted the list of available GamePads
//End while
}
私は実際に上記のコードを（最後にいくつかの整理を加えて）カスタムオブジェクトのメソッドとして実装しましたが、実装の細部に関係なく、原則は同じです。（この時点で、このようなタスクを処理するために独自の短いライブラリを作成する習慣があることを告白します！）
注意すべきもう1つの問題は、ゲームパッドAPIがゲームパッド/ジョイスティックの物理データソースをゲームパッドオブジェクトの軸/ボタン要素にマッピングする方法と、そこに含まれる値です。私はMicrosoftSidewinderPro USBジョイスティックを持っていますが、コンピューター上のこのデバイスのマッピングは非常に奇妙です。
はい、そうです。アナログ軸9がハットスイッチに割り当てられており、非常に奇妙な値が返されます。
このような癖は、GamePadAPIを試すときに注意する必要があるものです。さらに悪いことに、いわゆる「標準」ゲームパッド（上記のリンク先のドキュメントで定義）は、一部のブラウザーでは標準として報告されますが、他のブラウザーでは報告されない場合があります。さらに悪いことに、WindowsのブラウザーXでは標準として報告されますが、 Linuxの同じブラウザX！これは、ブランブルの茂みに相当するこのソフトウェアを介して戦い、途中でいくつかのとげにひどく引っかかれることで、多くの髪を引き裂く欲求不満を引き起こしますが、少なくともブラウザ開発者が働いているという事実に安心することができますこれを改善しようとしますが、他のことが優先されるため、時間がかかります（たとえば、ブラウザがランサムウェアの乗っ取りの標的になりにくいことを確認するなど、それが起こった場合は非常に）。
これは私にはうまくいきませんでしたが、多分それはあなたを助けますか？ここから引っ張った。
function updateStatus() {
window.webkitRequestAnimationFrame(updateStatus);
var gamepads = navigator.webkitGamepads;
var data = '';
for (var padindex = 0; padindex < gamepads.length; ++padindex)
{
var pad = gamepads[padindex];
if (!pad) continue;
data += '<pre>' + pad.index + ": " + pad.id + "<br/>";
for (var i = 0; i < pad.buttons.length; ++i)
data += "button" + i + ": " + pad.buttons[i] + "<br/>";
for (var i = 0; i < pad.axes.length; ++i)
data += "axis" + i + ": " + pad.axes[i] + "<br/>";
}
document.body.innerHTML = data;
}
window.webkitRequestAnimationFrame(updateStatus);
または、難しい代替手段として、Javascriptジョイスティックプラグイン（デモはこちら）がありますが、Linuxでは機能しないと思います。