The GamePad Input Extension allows you to control web pages using a gamepad. It is designed to work with various web pages,and provides a seamless experience for navigating and interacting with web content.
- Gamepad Control: Use your gamepad to navigate and interact with web pages.
- Customizable Axes: Select which axes on the gamepad to use for navigation.
- Customizable Button Mapping: Remap gamepad buttons to different browser actions.
- Cursor Mode: Toggle cursor mode for precise clicking.
- Navigation Mode: Navigate focusable elements using the D-pad keys.
git clone https://github.com/G-POPLO/GamePad-Input.git- Open Chrome and go to
chrome://extensions/. - Enable "Developer mode" using the toggle switch in the top right corner.
- Click on "Load unpacked" and select the
distdirectory after building.
- Open a web page or a new tab.
- Connect your gamepad.
- Use the selected axes to navigate and interact with the web page.
Default controls:
- Y Button: Refresh the current page.
- B Button: Close the current tab.
- A Button: Create a new tab.
- X Button: Duplicate the current tab.
- Left Bumper (LB): Switch to the previous tab.
- Right Bumper (RB): Switch to the next tab.
- Left Trigger (LT): Go back in history.
- Right Trigger (RT): Go forward in history.
- D-Pad Up: Focus the previous focusable element.
- D-Pad Down: Focus the next focusable element.
- D-Pad Left: Focus the focusable element to the left.
- D-Pad Right: Focus the focusable element to the right.
# Install dependencies
pnpm install
# Start development server with HMR
pnpm dev
# Build for production
pnpm build
# Run tests
pnpm test
# Run linter
pnpm lint
# Format code
pnpm formatThe extension allows you to configure which axes and buttons on the gamepad are used for navigation. You can change these settings in the extension's options page.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
