随着 VR 技术的快速发展，游戏手柄也趋于普及。@maulingmonkey/gamepad 是一个 npm 包，它提供了一个简单易用的 API，可以轻松地在浏览器中访问游戏手柄。本文将详细介绍如何使用这个 npm 包，并提供示例代码。
系统要求
- node.js 环境
- 支持游戏手柄的浏览器（当前已有较完善的支持，如 Chrome、Firefox 等）
安装
$ npm install @maulingmonkey/gamepad
使用
初始化
在你的项目中引入 gamepad，并执行初始化：
import Gamepad from '@maulingmonkey/gamepad'; const gamepad = new Gamepad(); gamepad.init();
获取手柄
任意时刻，都可以通过以下方法获取当前连接的手柄信息：
const gamepads = gamepad.getGamepads();
它会返回一个数组，包含了当前连接的所有手柄的信息。每个手柄的信息都是一个对象，包含了当前手柄的状态值。
事件监听
@maulingmonkey/gamepad 提供了多种事件，可以方便地监听手柄状态的变化。以下是这些事件的名称：
gamepadconnected：当有新的手柄连接时触发。gamepaddisconnected：当手柄断开连接时触发。gamepadkeydown：当手柄按钮按下时触发。gamepadkeyup：当手柄按钮抬起时触发。gamepadthumbstickleftmove：当左摇杆发生移动时触发。gamepadthumbstickrightmove：当右摇杆发生移动时触发。
以下是一个监听 gamepadconnected 事件，并输出当前连接的手柄信息的例子：
gamepad.on('gamepadconnected', (event) => {
const { gamepad } = event;
console.log(`${gamepad.id} 已连接`);
});示例代码
以下是一个简单的示例代码，它监听了手柄上的 A 按钮，若被按下，则在控制台输出一条信息。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------------- ----------
-------
------
------- --------------
------ ------- ---- -------------------------
----- ------- - --- ----------
---------------
---------------------------- ------- -- -
----- - -------- ------ - - ------
-- ------- --- -- -
-------------------------- -- - ---------
-
---
---------
-------
-------指导意义
@maulingmonkey/gamepad 简化了在浏览器中访问游戏手柄的操作，使得开发者可以更加方便地使用手柄提供更加复杂的用户交互。同时，也提升了浏览器游戏的逼真度和用户体验。而随着 VR 技术的发展，手柄的普及程度也将愈发广泛，这就使得 @maulingmonkey/gamepad 以及其他类似的包成为了开发者必备的利器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067354890c4f72775839c8