キーテイクアウト

W3Cの提案されている標(biāo)準(zhǔn)であるGamePad APIは、Xboxコントローラーなどのゲーム入力デバイスをブラウザベースのエクスペリエンス用にコンピューターに接続するためのブラウザ全體で一貫したAPIを提供します。
• GamePad APIは柔軟性を提供し、正規(guī)化された値を持つボタンと軸へのアクセスを提供し、GamePadオブジェクトは接続されたGamePadのメーカーとモデルに関する詳細(xì)情報を提供します。
PXGAMEPADは、Xbox Oneコントローラーのような標(biāo)準(zhǔn)のゲームパッドのより高いレベルの表現(xiàn)を提供するヘルパークラスであり、Xboxコントローラーにラベル付けされたボタンとAxisインデックスを馴染みのある名前にマッピングします。
• GamePad APIは獨自のゲームパッドで複數(shù)のプレーヤーをサポートできますが、將來の改善により、ユーザーはゲームパッドのボタン機(jī)能を再マッピングまたはカスタマイズできる場合があり、APIは3Dモデルの操作とナビゲートなどのゲーム以外のシナリオの可能性を提供します。 。
• この記事は、MicrosoftのWeb開発シリーズの一部です。 SitePointを可能にしてくれたパートナーをサポートしてくれてありがとう。 Web上でのゲームは、Canvas、WebGL、WebAudioなどのHTML5テクノロジーで長い道のりを歩んできました。ブラウザ內(nèi)で忠実度の高いグラフィックとサウンドを作成できるようになりました。ただし、真のゲーム體験を提供するには、ゲーム用に設(shè)計された入力デバイスが必要です。 GamePad APIは、W3Cの提案されている標(biāo)準(zhǔn)であり、ブラウザ全體で一貫したAPIを提供するように設(shè)計されています。
GamePad APIを使用すると、ユーザーはXboxコントローラーなどのデバイスをコンピューターに接続し、ブラウザベースのエクスペリエンスに使用できます。ゲームパッドがある場合は、コンピューターにプラグインしてからボタンを押してみてください。下のXboxコントローラーが表示され、作成した各動きをミラーリングしてください！

ここでインタラクティブに試してみてください。 このチュートリアルは、Flight Arcadeのシリーズの3番目であり、Webプラットフォームと新しいMicrosoft EdgeブラウザーとEdgeHTMLレンダリングエンジンで何が可能かを示すために構(gòu)築されています。 WebGLとWeb APIの最初の2つの記事に加えて、flightArcade.comでこの記事のインタラクティブコードと例を見つけることができます。 [YouTube xyaq9tpmxra]

柔軟なapi

GamePad APIは、柔軟性を念頭に置いてインテリジェントに設(shè)計されています。基本レベルでは、ボタンと軸へのアクセスを提供します。ボタンの値は[0 .. 1]からの範(fàn)囲ですが、軸の範(fàn)囲は[-1 .. 1]です。すべての値はこれらの範(fàn)囲に正規(guī)化されているため、開発者はデバイス間の一貫した動作を期待できます。

GamePadオブジェクトは、接続されたゲームパッドのメーカーとモデルに関する詳細(xì)情報を提供します。より便利なのは、GamePadの一般的なタイプを説明するマッピングプロパティです。現(xiàn)在、サポートされている唯一のマッピングは標(biāo)準(zhǔn)であり、Xboxのような多くの人気のあるゲームコンソールが使用するコントローラーレイアウトに対応しています。

標(biāo)準(zhǔn)コントローラーマッピングには2つのスティックがあり、それぞれが2つの軸（xとy）で表されます。また、D-PAD、4つのゲームボタン、トップボタン、トリガーが含まれています。すべてがGamePad APIのボタンとして表されます。

現(xiàn)在のXboxコントローラーは、ボタン狀態(tài)を0（通常の狀態(tài)）または1（押された）のいずれかとして報告します。ただし、將來のコントローラーが各ボタンプレスに適用される力の量を報告できると想像できます。

Xbox D-PADは離散値（0または1）も報告しますが、スティックは軸範(fàn)囲全體にわたって連続値を提供します[-1 .. 1]。この追加の精度により、飛行アーケードミッションで飛行機(jī)を飛行するのがはるかに簡単になります。

pxgamepad

GamePad APIによって提供されるボタンと軸の配列は、低レベルのAPIとして前向きに考えており、完璧です。ただし、ゲームを書くときは、Xbox Oneコントローラーのような標(biāo)準(zhǔn)的なゲームパッドのより高いレベルの表現(xiàn)を持つことは素晴らしいことです。 Xboxコントローラーにラベル付けされているように、ボタンとAxisインデックスをよりよく知られている名前にマッピングするPXGAMEPADという名前のヘルパークラスを作成しました。

ライブラリの興味深い部分をいくつか紹介しますが、完全なソースコード（MITライセンス）はこちらから入手できます：https：//github.com/thinkpixellab/pxgamepad

標(biāo)準(zhǔn)のGamePad APIは、ボタン狀態(tài)を一連のボタンとして提供します。繰り返しますが、このAPIは、さまざまなボタンカウントを持つコントローラーを可能にする柔軟性のために設(shè)計されています。ただし、ゲームを書くときは、標(biāo)準(zhǔn)のマッピングボタン名を使用するコードを書き込み、読み取る方がはるかに簡単です。 たとえば、HTML5 GamePad APIを使用して、左のトリガーが現(xiàn)在押しているかどうかを確認(rèn)するコードを次に示します。

PXGAMEPADクラスには、すべての標(biāo)準(zhǔn)マッピングボタンと軸の狀態(tài)を収集する更新方法が含まれています。したがって、LeftTriggerが押されているかどうかを判斷することは、ブールプロパティにアクセスするのと同じくらい簡単です。

標(biāo)準(zhǔn)のGamePad APIの

軸は、數(shù)値の配列としても提供されます。たとえば、左スティックの正規(guī)化されたxおよびy値を取得するコードを次に示します。

D-PADは特別なケースです。これは、HTML5ゲームパッドAPI（インデックス12、13、14、および15）によって4つのボタンのセットと考えられているためです。ただし、開発者がDPADをスティックの1つと同じ方法で使用できるようにすることが一般的です。 PXGAMEPADは、D-PADのボタンインフォメーションを提供しますが、d-padがスティックであるかのように軸情報をシステム化します。

HTML5 GamePad APIのもう1つの制限は、ボタンレベルのイベントを提供しないことです。ゲーム開発者がボタンを押すために単一のイベントをアクティブにすることは一般的です。飛行アーケードでは、イグニッションとブレーキボタンは良い例です。 PXGAMEPAD WATCHESボタン狀態(tài)と、発信者がボタンのリリースで通知を登録できるようにします。

PXGAMEPADでサポートされている名前の付いたボタンの完全なリストを次に示します。

a

• b
• x
• y
• lefttop
• righttop
• lefttrigger
• righttrigger
• select
• start
• leftstick
• 右スティック
• dpadup
• dpaddown
• dpadleft
• dpadright
• 現(xiàn)在のゲームパッドを取得して

ゲームパッドオブジェクトを取得するための2つの方法があります。 GamePad APIは、接続されたすべてのゲームパッドの配列を返すGetGamePads（）という名前のナビゲーターオブジェクトにメソッドを追加します。また、新しいゲームパッドが接続または切斷されるたびに起動される新しいGamePadConnectedおよびGamePaddisconedイベントもあります。たとえば、PXGAMEPADヘルパーが最後の接続されたゲームパッドをどのように保存するかを次に示します。

そして、これはnavigator.getGamepads（）APIを使用して最初の標(biāo)準(zhǔn)ゲームパッドを取得するヘルパーです：

PXGAMEPADヘルパークラスは、単一のユーザーが標(biāo)準(zhǔn)マッピングされたゲームパッドを使用してゲームをプレイしているシンプルなシナリオ向けに設(shè)計されています。 Microsoft Edgeのような最新のブラウザは、W3C Gampepad APIを完全にサポートしています。ただし、他の一部のブラウザの古いバージョンは、新興仕様のピースのみをサポートしています。 PXGAMEPADは、GamePadConnectedイベントを聴き、必要に応じてすべてのゲームパッドのリストのクエリに戻ります。 GamePadの未來

PXGAMEPADはシンプルで最も一般的なシナリオに焦點を當(dāng)てていますが、GamePad APIは複數(shù)のプレーヤーを完全にサポートできます。 PXGAMEPADの改善の1つは、複數(shù)のゲームパッドの接続を追跡し、ゲーム內(nèi)の複數(shù)のプレーヤーにマッピングするマネージャースタイルのクラスを提供することです。もう1つは、ユーザーがゲームパッドのボタン機(jī)能を再マッピングまたはカスタマイズできるようにすることです。 また、ゲーム以外のシナリオのゲームパッドの可能性に興奮しています。 WebGLの臺頭により、Web上の3Dのさまざまな革新的な用途が見られます。それは、氷河ワークスで3Dのエベレスト山地域を探索することを意味するかもしれません。または、重要な世界のサイトや工蕓品をデジタルで保存するCyarkの努力のおかげで、大英博物館のアッシリアのコレクションを見る。

飛行アーケードの開発中に、Babylon.jsのモデルを処理するためにBlenderやその他の3Dツールを頻繁に使用しました。一部の開発者とアーティストは、3Dマウスと呼ばれるデバイスを使用して、3Dモデルの操作とナビゲートを支援します。これらのデバイスは、6つの軸を通る?yún)g一のノブの動きを追跡します！モデルを操作できるようになります。ゲームを超えて、エンジニアリングから醫(yī)療イメージングまで、さまざまな興味深いアプリケーションで使用されています。 Flight Arcadeにゲームパッドのサポートを追加している間、GamePad APIが3D Spacemouseを検出し、6つの軸すべてに移動データを提供したことを知って驚きました！

新しいGamePad APIが提供するすべての可能性を想像するのはエキサイティングです。新しいGamePad APIを試して、次のゲームやアプリケーションに多くの楽しみを追加するのに最適な時期です！

JavaScriptを使用したより実踐的な

Microsoftには、多くのオープンソースJavaScriptのトピックに関する無料の學(xué)習(xí)がたくさんあり、Microsoft Edgeでさらに多くを作成するという使命を擔(dān)っています。ここにチェックアウトするものがあります：

Microsoft Edge Web Summit 2015（新しいブラウザ、新しいWebプラットフォーム機(jī)能、コミュニティのゲストスピーカーで期待すべきことの完全なシリーズ）

// build/and windows 10のビルド（サイトとアプリ用の新しいJavaScriptエンジンを含む）
Webを壊さずにJavaScriptを前進(jìn)させる（Christian Heilmannの最近の基調(diào)講演）
ホストされたWebアプリとWebプラットフォームのイノベーション（Manifold.jsなどのトピックに関する深いダイビング）
HTML/JavaScriptをより高速にするための実用的なパフォーマンスのヒント（レスポンシブデザインからカジュアルゲーム、パフォーマンスの最適化まで）
最新のWebプラットフォームJumpstart（HTML、CSS、およびJSの基礎(chǔ)）
• および開始するためのいくつかの無料ツール：Visual Studio Code、Azure Trial、およびクロスブラウザーテストツール - すべてMac、Linux、またはWindowsで利用できます。

この記事は、MicrosoftのWeb Dev Techシリーズの一部です。 Microsoft Edgeと新しいEdgeHTMLレンダリングエンジンを共有できることを楽しみにしています。無料の仮想マシンを入手するか、Mac、iOS、Android、またはWindowsデバイス @ Modern.ieでリモートでテストします。

ゲームパッドAPI

に関するよくある質(zhì)問

GamePad APIは何ですか？GamePad APIは、開発者がGamePadまたはコントローラーからの信號にアクセスして応答できるWebベースのインターフェイスです。このAPIは、あらゆるタイプのゲームパッドで動作するように設(shè)計されており、ゲーム開発者にとって汎用性の高いツールになります。サードパーティのソフトウェアやドライバーを使用する必要なく、ゲームパッドと直接やり取りする方法を提供します。

GamePad APIはどのように機(jī)能しますか？

GamePad APIは、ゲームパッドからの入力を検出し、ゲーム內(nèi)のアクションに変換することで機(jī)能します。これは、ボタンプレスやジョイスティックの動きなどの特定のイベントをリッスンし、ゲーム內(nèi)の対応するアクションをトリガーすることで行います。これにより、より沒入型でインタラクティブなゲームエクスペリエンスが可能になります。

自分のゲームでGamePad APIを使用するにはどうすればよいですか？ゲームのコードで。これには、APIの機(jī)能を呼び出し、生成するイベントを聞くことが含まれます。次に、これらのイベントを使用して、キャラクターの動きやメニューナビゲーションなどのゲームの側(cè)面を制御できます。幅広いゲームパッドと互換性があります。これには、ボタンとジョイスティックを備えた標(biāo)準(zhǔn)的なゲームパッド、およびステアリングホイールやフライトスティックなどのより専門的なコントローラーが含まれます。 APIは複數(shù)のゲームパッドを一度に処理し、マルチプレイヤーゲームを可能にします。より複雑なゲームを作成する。たとえば、GamePad APIを使用してキャラクターの動きを制御できますが、別のAPIを使用してゲームの物理やグラフィックを処理します。

GamePad APIはすべてのブラウザーでサポートされていますか？すべてのブラウザが現(xiàn)在それをサポートしているわけではなく、Webベースのインターフェイスです。ただし、Chrome、Firefox、Edgeを含むほとんどの最新のブラウザーは、GamePad APIをサポートしています。開発を開始する前に、APIの現(xiàn)在のブラウザサポートを確認(rèn)することをお勧めします。 GamePad APIには、正しいゲームパッドの検出、複數(shù)のゲームパッドの処理、さまざまなボタンレイアウトの処理が含まれます。これらの問題は通常、APIドキュメントを慎重に読んでゲームを徹底的にテストすることで解決できます。デスクトップブラウザは、モバイルゲームにも使用できます。ただし、これにはモバイルデバイスと互換性のあるゲームパッドが必要であり、ユーザーエクスペリエンスはデスクトップゲームほどスムーズではない場合があります。ゲームパッドをコンピューターに接続し、APIを使用するゲームを?qū)g行することにより、ゲームパッドAPIをテストできます。その後、ゲームパッドのボタンを押して、対応するアクションがゲームでトリガーされているかどうかを確認(rèn)できます。

GamePad APIの詳細(xì)については、どこで詳しく知ることができますか？

GamePad APIの詳細(xì)については、オンラインで利用できるリソースがたくさんあります。これには、公式のAPIドキュメント、およびさまざまなゲーム開発Webサイトのチュートリアルとガイドが含まれます。 APIを使用して動作しているゲームの例を見つけることもできます。

以上がGamePad APIでの真のゲーム體験の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。