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