ここでインタラクティブに試してみてください。 このチュートリアルは、Flight Arcadeのシリーズの3番目であり、Webプラットフォームと新しいMicrosoft EdgeブラウザーとEdgeHTMLレンダリングエンジンで何が可能かを示すために構築されています。 WebGLとWeb APIの最初の2つの記事に加えて、flightArcade.comでこの記事のインタラクティブコードと例を見つけることができます。 [YouTube xyaq9tpmxra]
柔軟なapiGamePad APIは、柔軟性を念頭に置いてインテリジェントに設計されています。基本レベルでは、ボタンと軸へのアクセスを提供します。ボタンの値は[0 .. 1]からの範囲ですが、軸の範囲は[-1 .. 1]です。すべての値はこれらの範囲に正規化されているため、開発者はデバイス間の一貫した動作を期待できます。
GamePadオブジェクトは、接続されたゲームパッドのメーカーとモデルに関する詳細情報を提供します。より便利なのは、GamePadの一般的なタイプを説明するマッピングプロパティです。現在、サポートされている唯一のマッピングは標準であり、Xboxのような多くの人気のあるゲームコンソールが使用するコントローラーレイアウトに対応しています。
標準コントローラーマッピングには2つのスティックがあり、それぞれが2つの軸（xとy）で表されます。また、D-PAD、4つのゲームボタン、トップボタン、トリガーが含まれています。すべてがGamePad APIのボタンとして表されます。
現在のXboxコントローラーは、ボタン状態を0（通常の状態）または1（押された）のいずれかとして報告します。ただし、将来のコントローラーが各ボタンプレスに適用される力の量を報告できると想像できます。Xbox D-PADは離散値（0または1）も報告しますが、スティックは軸範囲全体にわたって連続値を提供します[-1 .. 1]。この追加の精度により、飛行アーケードミッションで飛行機を飛行するのがはるかに簡単になります。
pxgamepadGamePad APIによって提供されるボタンと軸の配列は、低レベルのAPIとして前向きに考えており、完璧です。ただし、ゲームを書くときは、Xbox Oneコントローラーのような標準的なゲームパッドのより高いレベルの表現を持つことは素晴らしいことです。 Xboxコントローラーにラベル付けされているように、ボタンとAxisインデックスをよりよく知られている名前にマッピングするPXGAMEPADという名前のヘルパークラスを作成しました。
標準のGamePad APIは、ボタン状態を一連のボタンとして提供します。繰り返しますが、このAPIは、さまざまなボタンカウントを持つコントローラーを可能にする柔軟性のために設計されています。ただし、ゲームを書くときは、標準のマッピングボタン名を使用するコードを書き込み、読み取る方がはるかに簡単です。 たとえば、HTML5 GamePad APIを使用して、左のトリガーが現在押しているかどうかを確認するコードを次に示します。
PXGAMEPADクラスには、すべての標準マッピングボタンと軸の状態を収集する更新方法が含まれています。したがって、LeftTriggerが押されているかどうかを判断することは、ブールプロパティにアクセスするのと同じくらい簡単です。
標準のGamePad APIの軸は、数値の配列としても提供されます。たとえば、左スティックの正規化されたxおよびy値を取得するコードを次に示します。
D-PADは特別なケースです。これは、HTML5ゲームパッドAPI（インデックス12、13、14、および15）によって4つのボタンのセットと考えられているためです。ただし、開発者がDPADをスティックの1つと同じ方法で使用できるようにすることが一般的です。 PXGAMEPADは、D-PADのボタンインフォメーションを提供しますが、d-padがスティックであるかのように軸情報をシステム化します。
HTML5 GamePad APIのもう1つの制限は、ボタンレベルのイベントを提供しないことです。ゲーム開発者がボタンを押すために単一のイベントをアクティブにすることは一般的です。飛行アーケードでは、イグニッションとブレーキボタンは良い例です。 PXGAMEPAD WATCHESボタン状態と、発信者がボタンのリリースで通知を登録できるようにします。
PXGAMEPADでサポートされている名前の付いたボタンの完全なリストを次に示します。
a
そして、これはnavigator.getGamepads（）APIを使用して最初の標準ゲームパッドを取得するヘルパーです：
PXGAMEPADヘルパークラスは、単一のユーザーが標準マッピングされたゲームパッドを使用してゲームをプレイしているシンプルなシナリオ向けに設計されています。 Microsoft Edgeのような最新のブラウザは、W3C Gampepad APIを完全にサポートしています。ただし、他の一部のブラウザの古いバージョンは、新興仕様のピースのみをサポートしています。 PXGAMEPADは、GamePadConnectedイベントを聴き、必要に応じてすべてのゲームパッドのリストのクエリに戻ります。 GamePadの未来
PXGAMEPADはシンプルで最も一般的なシナリオに焦点を当てていますが、GamePad APIは複数のプレーヤーを完全にサポートできます。 PXGAMEPADの改善の1つは、複数のゲームパッドの接続を追跡し、ゲーム内の複数のプレーヤーにマッピングするマネージャースタイルのクラスを提供することです。もう1つは、ユーザーがゲームパッドのボタン機能を再マッピングまたはカスタマイズできるようにすることです。
また、ゲーム以外のシナリオのゲームパッドの可能性に興奮しています。 WebGLの台頭により、Web上の3Dのさまざまな革新的な用途が見られます。それは、氷河ワークスで3Dのエベレスト山地域を探索することを意味するかもしれません。または、重要な世界のサイトや工芸品をデジタルで保存するCyarkの努力のおかげで、大英博物館のアッシリアのコレクションを見る。飛行アーケードの開発中に、Babylon.jsのモデルを処理するためにBlenderやその他の3Dツールを頻繁に使用しました。一部の開発者とアーティストは、3Dマウスと呼ばれるデバイスを使用して、3Dモデルの操作とナビゲートを支援します。これらのデバイスは、6つの軸を通る単一のノブの動きを追跡します！モデルを操作できるようになります。ゲームを超えて、エンジニアリングから医療イメージングまで、さまざまな興味深いアプリケーションで使用されています。 Flight Arcadeにゲームパッドのサポートを追加している間、GamePad APIが3D Spacemouseを検出し、6つの軸すべてに移動データを提供したことを知って驚きました！
新しいGamePad APIが提供するすべての可能性を想像するのはエキサイティングです。新しいGamePad APIを試して、次のゲームやアプリケーションに多くの楽しみを追加するのに最適な時期です！JavaScriptを使用したより実践的な
Microsoft Edge Web Summit 2015（新しいブラウザ、新しいWebプラットフォーム機能、コミュニティのゲストスピーカーで期待すべきことの完全なシリーズ）
ゲームパッドAPI
に関するよくある質問GamePad APIは何ですか？GamePad APIは、開発者がGamePadまたはコントローラーからの信号にアクセスして応答できるWebベースのインターフェイスです。このAPIは、あらゆるタイプのゲームパッドで動作するように設計されており、ゲーム開発者にとって汎用性の高いツールになります。サードパーティのソフトウェアやドライバーを使用する必要なく、ゲームパッドと直接やり取りする方法を提供します。
GamePad APIの詳細については、オンラインで利用できるリソースがたくさんあります。これには、公式のAPIドキュメント、およびさまざまなゲーム開発Webサイトのチュートリアルとガイドが含まれます。 APIを使用して動作しているゲームの例を見つけることもできます。
以上がGamePad APIでの真のゲーム体験の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
