鑰匙要點
- gamepad API是W3C的擬議標(biāo)準(zhǔn)，在瀏覽器之間提供了一個一致的API，用于連接游戲輸入設(shè)備，例如Xbox Controller，以用于基于瀏覽器的體驗的計算機。 >
- gamepad API提供了靈活性，并提供了對具有歸一化值的按鈕和軸的訪問權(quán)限，并且GamePad對象提供了有關(guān)連接的GamePad的制造商和型號的詳細(xì)信息。 >
- pxgamepad是一個輔助類，可提供更高級別的標(biāo)準(zhǔn)游戲板，例如Xbox One Controller，將按鈕和軸索引映射到Xbox Controller上標(biāo)記的熟悉名稱。 > GamePad API能夠通過自己的游戲板為多個玩家提供支持，但未來的改進可能會使用戶可以在其游戲板上重新映射或自定義按鈕功能，并且API為操縱和導(dǎo)航3D模型等非游戲場景提供了潛在的潛力。
本文是Microsoft的Web Dev系列的一部分。感謝您支持使SitietPoint成為可能的合作伙伴。 網(wǎng)絡(luò)上的游戲已經(jīng)有了HTML5技術(shù)（例如Canvas，webGL和Webaudio）的很長一段路?，F(xiàn)在可以在瀏覽器中產(chǎn)生高保真圖形和聲音。但是，要提供真正的游戲體驗，您需要為游戲設(shè)計的輸入設(shè)備。 GamePad API是W3C的建議標(biāo)準(zhǔn)，旨在在瀏覽器之間提供一致的API。 > GamePad API允許用戶將Xbox Controller（例如Xbox Controller）等設(shè)備連接到計算機，并將其用于基于瀏覽器的體驗！如果您有游戲板，請嘗試將其插入計算機，然后按下按鈕。您會在下面看到Xbox控制器，以鏡像您制作的每個動作！
>在這里進行交互嘗試。>
本教程是Flight Arcade系列中的第三個教程 - 構(gòu)建，以演示W(wǎng)eb平臺以及新的Microsoft Edge瀏覽器和EdgeHTML渲染引擎中的可能性。您可以在FlightArcade.com上找到有關(guān)WebGL和Web API的前兩篇文章，以及本文的交互式代碼和示例。 [YouTube XYAQ9TPMXRA]靈活的API
gamepad API的智能設(shè)計有靈活性。在基本級別上，它提供了對按鈕和軸的訪問。按鈕值范圍為[0 .. 1]，而軸范圍為[-1 .. 1]。所有值都標(biāo)準(zhǔn)化為這些范圍，因此開發(fā)人員可以期望設(shè)備之間的行為一致。
。
標(biāo)準(zhǔn)控制器映射有兩個棍子，每個棍子由2個軸（x和y）表示。它還包括一個D-pad，4個游戲按鈕，頂部按鈕和觸發(fā)器：在GamePad API中均表示為按鈕。
> 當(dāng)前Xbox控制器報告按鈕狀態(tài)為0（正常狀態(tài)）或1（按下）。但是，您可以想象將來的控制器可以報告每個按鈕施加的力量。Xbox D-Pad還報告了離散值（0或1），但是棒可在整個軸范圍內(nèi)提供連續(xù)值[-1 .. 1]。這種額外的精度使我們更容易在我們的飛行街機任務(wù)中駕駛飛機。
>> pxgamepad
GamePad API提供的按鈕和軸的數(shù)組是前瞻性思維，并且是低級API的完美思維。但是，在編寫游戲時，很高興能像Xbox One Controller這樣的標(biāo)準(zhǔn)游戲手柄較高級別的代表。我們創(chuàng)建了一個名為PXGAMEPAD的幫助人類，該類將按鈕和軸索引映射到Xbox Controller上標(biāo)記的更熟悉的名稱。。
>我們將瀏覽庫的一些有趣的部分，但是可以在此處提供完整的源代碼（MIT許可證）：https：//github.com/thinkpixellab/pxgamepad標(biāo)準(zhǔn)游戲板API提供按鈕狀態(tài)作為按鈕數(shù)組。同樣，該API設(shè)計用于靈活性，允許具有各種按鈕計數(shù)的控制器。但是，在編寫游戲時，使用標(biāo)準(zhǔn)映射按鈕名稱的編寫和讀取代碼要容易得多。
> PXGAMEPAD類包含一種更新方法，該方法將收集所有標(biāo)準(zhǔn)映射按鈕和軸的狀態(tài)。因此，確定按下左邊扳手是否與訪問布爾屬性一樣簡單：
>
標(biāo)準(zhǔn)GamePad API中的軸也作為數(shù)值數(shù)組提供。例如，以下是獲得左棒的歸一化x和y值的代碼：
d-pad是一種特殊情況，因為它考慮了HTML5 GamePad API的四個按鈕（指數(shù)12、13、14和15）。但是，對于開發(fā)人員來說，允許DPAD與其中一根棍子相同的方式使用。 PXGAMEPAD為D-PAD提供了按鈕信息，但也可以將軸信息進行整理，就好像D-pad是一個棒：：
>這是使用navigator.getGamePads（）API： >
GamePad的未來 >
>令人興奮地想象新游戲板API提供的所有可能性?，F(xiàn)在是嘗試新的GamePad API并為您的下一個游戲或應(yīng)用程序添加很多樂趣的好時機！ 與JavaScript更多動手
> GamePad API是什么？ GamePad API是一個基于Web的接口，允許開發(fā)人員訪問和響應(yīng)GamePad或Controller的信號。該API旨在與任何類型的游戲板一起使用，使其成為游戲開發(fā)人員的多功能工具。它提供了一種直接與GamePad互動的方法，而無需通過第三方軟件或驅(qū)動程序。> >哪些類型的gamepads與gamepad api兼容？與各種游戲板兼容。這包括帶有按鈕和操縱桿的標(biāo)準(zhǔn)游戲手柄，以及更專業(yè)的控制器，例如轉(zhuǎn)向輪或飛行棒。 API還可以一次處理多個游戲手柄，允許進行多人游戲。 > gamepad API是所有瀏覽器支持的游戲板API嗎？是基于Web的接口，并非所有瀏覽器當(dāng)前都支持它。但是，大多數(shù)現(xiàn)代瀏覽器，包括Chrome，F(xiàn)irefox和Edge，都支持GamePad API。在開始開發(fā)之前，最好檢查當(dāng)前對API的瀏覽器支持。 可以將GamePad API用于手機游戲嗎？ >如何測試GamePad API？可以通過將GamePad連接到計算機并運行使用API??的游戲來測試GamePad API。然后，您可以在游戲板上按下按鈕，看看是否在游戲中觸發(fā)了相應(yīng)的操作。
HTML5 GAMEPAD API的另一個限制是不提供按鈕級別事件。游戲開發(fā)人員想要激活按鈕按下的單個事件是很常見的。在Flight Arcade中，點火和制動按鈕是一個很好的例子。 PXGAMEPAD手表按鈕狀態(tài)，并允許呼叫者在發(fā)布按鈕上注冊通知。
有兩種檢索游戲板對象的方法。 GamePad API將方法添加到名為GetGamePads（）的Navigator對象，該對象返回所有連接的游戲板的數(shù)組。每當(dāng)新的GamePad連接或斷開連接時，還會有新的GamePadconneconnecon和GamePaddisconstisconneconness事件。例如，這是PXGAMEPAD助手如何存儲最后一個連接的GamePad：
> PXGAMEPAD助手類是針對單個用戶使用標(biāo)準(zhǔn)映射游戲板的游戲設(shè)計的簡單場景。最新的瀏覽器（例如Microsoft Edge）完全支持W3C GampePad API。但是，其他一些瀏覽器的較舊版本僅支持新興規(guī)范的部分。 PXGAMEPAD聆聽游戲板連接的事件，并在需要時回到查詢所有GamePad的列表。
> PXGAMEPAD專注于簡單，最常見的情況，但GamePad API完全有能力支持多個玩家，每個玩家都有自己的游戲板。 PXGAMEPAD的一種可能改進可能是提供一個經(jīng)理風(fēng)格的類，該類別跟蹤多個游戲板的連接并將它們映射到游戲中的多個玩家。另一個可能是允許用戶重新啟動或自定義游戲板上的按鈕函數(shù)。>在開發(fā)飛行街機期間，我們經(jīng)常使用攪拌機和其他3D工具來處理Babylon.js的模型。一些開發(fā)人員和藝術(shù)家使用稱為3D鼠標(biāo)的設(shè)備來幫助操縱和導(dǎo)航3D型號。這些設(shè)備跟蹤單個旋鈕穿過六個軸的運動！它們使操縱模型變得非常容易快捷。除游戲外，它們還用于從工程到醫(yī)學(xué)成像的各種有趣的應(yīng)用中。在為飛行街機上添加GamePad支持時，我們驚訝地發(fā)現(xiàn)GamePad API檢測到了我們的3D空間，并為所有六個軸提供了移動數(shù)據(jù)！
2015年Microsoft Edge Web峰會（Microsoft Edge Web Summit）（新瀏覽器，新的Web平臺功能和社區(qū)的嘉賓演講者的期望完整系列）>
的問題
游戲板API如何工作？
gamePad API通過檢測游戲板的輸入并將其轉(zhuǎn)換為游戲中的動作來工作。它通過聆聽特定事件（例如按鈕按下或操縱桿的動作）來實現(xiàn)此目的，然后觸發(fā)游戲中相應(yīng)的動作。這允許更具身臨其境和互動的游戲體驗。>我如何在自己的游戲中使用GamePad API？在您自己的游戲中使用GamePad API，您將需要包括它在您的游戲代碼中。這涉及調(diào)用API的功能并聆聽其生成的事件。然后，您可以使用這些事件來控制游戲的各個方面，例如字符運動或菜單導(dǎo)航。
>我可以將GamePad API與其他API一起使用嗎？創(chuàng)建更復(fù)雜的游戲。例如，您可以使用GamePad API來控制角色運動，而使用另一個API處理游戲物理或圖形。
>>開發(fā)人員使用GamePad API時會面臨哪些常見問題？ GamePad API包括檢測正確的游戲板，處理多個游戲板以及處理不同的按鈕布局。這些問題通?？梢酝ㄟ^仔細(xì)閱讀API文檔并徹底測試游戲來解決這些問題。
，而GamePad API主要設(shè)計用于用于使用桌面瀏覽器，也可以用于手機游戲。但是，這需要一個與移動設(shè)備兼容的游戲板，并且用戶體驗可能不如桌面游戲那么光滑。
>我在哪里可以了解有關(guān)GamePad API的更多信息？這包括官方的API文檔，以及各種游戲開發(fā)網(wǎng)站上的教程和指南。您還可以找到使用API??在行動中看到它的游戲示例。
以上是GamePad API的真正游戲體驗的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
Java vs. JavaScript：清除混亂
Jun 20, 2025 am 12:27 AM
Java和JavaScript是不同的編程語言，各自適用于不同的應(yīng)用場景。Java用于大型企業(yè)和移動應(yīng)用開發(fā)，而JavaScript主要用于網(wǎng)頁開發(fā)。
如何在JS中與日期和時間合作？
Jul 01, 2025 am 01:27 AM
JavaScript中的日期和時間處理需注意以下幾點：1.創(chuàng)建Date對象有多種方式，推薦使用ISO格式字符串以保證兼容性；2.獲取和設(shè)置時間信息可用get和set方法，注意月份從0開始；3.手動格式化日期需拼接字符串，也可使用第三方庫；4.處理時區(qū)問題建議使用支持時區(qū)的庫，如Luxon。掌握這些要點能有效避免常見錯誤。
為什么要將標(biāo)簽放在的底部？
Jul 02, 2025 am 01:22 AM
PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl
JavaScript與Java：開發(fā)人員的全面比較
Jun 20, 2025 am 12:21 AM
JavaScriptIspreferredforredforwebdevelverment，而Javaisbetterforlarge-ScalebackendsystystemsandSandAndRoidApps.1）JavascriptexcelcelsincreatingInteractiveWebexperienceswebexperienceswithitswithitsdynamicnnamicnnamicnnamicnnamicnemicnemicnemicnemicnemicnemicnemicnemicnddommanipulation.2）
什么是在DOM中冒泡和捕獲的事件？
Jul 02, 2025 am 01:19 AM
事件捕獲和冒泡是DOM中事件傳播的兩個階段，捕獲是從頂層向下到目標(biāo)元素，冒泡是從目標(biāo)元素向上傳播到頂層。1.事件捕獲通過addEventListener的useCapture參數(shù)設(shè)為true實現(xiàn)；2.事件冒泡是默認(rèn)行為，useCapture設(shè)為false或省略；3.可使用event.stopPropagation()阻止事件傳播；4.冒泡支持事件委托，提高動態(tài)內(nèi)容處理效率；5.捕獲可用于提前攔截事件，如日志記錄或錯誤處理。了解這兩個階段有助于精確控制JavaScript響應(yīng)用戶操作的時機和方式。
JavaScript：探索用于高效編碼的數(shù)據(jù)類型
Jun 20, 2025 am 12:46 AM
javascripthassevenfundaMentalDatatypes：數(shù)字，弦，布爾值，未定義，null，object和symbol.1）numberSeadUble-eaduble-ecisionFormat，forwidevaluerangesbutbecautious.2）
如何減少JavaScript應(yīng)用程序的有效載荷大??？
Jun 26, 2025 am 12:54 AM
如果JavaScript應(yīng)用加載慢、性能差，問題往往出在payload太大，解決方法包括：1.使用代碼拆分（CodeSplitting），通過React.lazy()或構(gòu)建工具將大bundle拆分為多個小文件，按需加載以減少首次下載量；2.移除未使用的代碼（TreeShaking），利用ES6模塊機制清除“死代碼”，確保引入的庫支持該特性；3.壓縮和合并資源文件，啟用Gzip/Brotli和Terser壓縮JS，合理合并文件并優(yōu)化靜態(tài)資源；4.替換重型依賴，選用輕量級庫如day.js、fetch
JavaScript模塊上的確定JS綜述：ES模塊與COMPORJS
Jul 02, 2025 am 01:28 AM
ES模塊和CommonJS的主要區(qū)別在于加載方式和使用場景。1.CommonJS是同步加載，適用于Node.js服務(wù)器端環(huán)境；2.ES模塊是異步加載，適用于瀏覽器等網(wǎng)絡(luò)環(huán)境；3.語法上，ES模塊使用import/export，且必須位于頂層作用域，而CommonJS使用require/module.exports，可在運行時動態(tài)調(diào)用；4.CommonJS廣泛用于舊版Node.js及依賴它的庫如Express，ES模塊則適用于現(xiàn)代前端框架和Node.jsv14 ；5.雖然可混合使用，但容易引發(fā)問題
