在游戏开发中，使用游戏手柄能够提高玩家的游戏体验，而游戏手柄的操作也可以通过 JavaScript 的 API 进行监听和处理。
不过，不同的游戏手柄厂商会提供不同的按钮映射方案，这会给开发者带来一定的困扰。@rodes/gamepad-api-mappings 便是为解决这一问题而生的 npm 包。
本文将介绍 @rodes/gamepad-api-mappings 的安装和使用方法，帮助你更轻松地处理不同游戏手柄的按钮映射。
安装
在终端中运行以下命令来安装 @rodes/gamepad-api-mappings：
npm install @rodes/gamepad-api-mappings
使用方法
初始化
在使用 @rodes/gamepad-api-mappings 之前，我们需要先创建一个 Map 对象。
const mappings = new GamepadMappings();
添加映射方案
添加按钮映射方案的方法是通过调用 Mapping API 数据库，来解析 JSON 格式的数据。
例如，添加 Xbox 手柄的映射方案：
mappings.addMappingsFromDatabase(Xbox.map);
获取按键状态
在处理按键状态之前，我们需要获取当前连接的游戏手柄。
const gamepad = navigator.getGamepads()[0];
接下来，我们可使用 mappings 对象来获取按钮映射的名称和状态。
const A_BUTTON = mappings.getButtonName(gamepad, 'a'); // 获取 A 按键的名称 const A_BUTTON_PRESSED = mappings.isButtonPressed(gamepad, 'a'); // 查看 A 按键是否被按下
示例代码
下面是一个完整的示例代码，它会打印出 Xbox 手柄当前按下按钮的名称。
-- -------------------- ---- -------
----- -------- - --- ------------------
-------------------------------------------
-------- ---------- -
----- ------- - ---------------------------
----- ------- - --------------- --- ---------- - --------------- - -------------
----- -------------- - ---
--- ---- - - -- - - --------------- ---- -
----- ---------- - ------------------------------- ---
-- ----------- -- --------------------------------- --- -
-------------------------- - -----
-
-
----------------------------
---------------------------------------
-
-----------总结
通过本文的介绍，我们了解了使用 @rodes/gamepad-api-mappings 来处理游戏手柄按钮映射的方法，它能够让开发者更轻松地处理不同游戏手柄的映射，为游戏开发带来更好的体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e3d9381d61a3540a42