https://github.com/HeadlightStudios/bestyled-gamepad

A stylish gamepad component for React, Preact, etc.
https://github.com/HeadlightStudios/bestyled-gamepad

Last synced: 7 days ago
JSON representation

A stylish gamepad component for React, Preact, etc.

• Host: GitHub
• URL: https://github.com/HeadlightStudios/bestyled-gamepad
• Owner: HeadlightStudios
• Created: 2018-04-08T16:31:12.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-04-14T16:22:42.000Z (over 6 years ago)
• Last Synced: 2024-09-16T05:27:19.283Z (about 2 months ago)
• Language: TypeScript
• Homepage: https://headlightstudios.com/bestyled-gamepad/
• Size: 1.7 MB
• Stars: 6
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# @BeStyled/gamepad

A HTML5 gamepad component for React with responsive preview.

The buttons light up as they are pressed, and can be picked up in the Mobx/Redux store.

Supports any HTML connected gamepad with standard mappings.

For example, use a wired XBox One Controller on a Mac and Chrome with [360Controller](https://github.com/360Controller/360Controller/releases)

## Example View (Static)

![Xbox One Controller](https://github.com/headlightstudios/bestyled-gamepad/raw/master/demo.png "Responsive Preview")

See [Live Demo](http://headlightstudios.com/bestyled-gamepad/) and connect your gamepad to this browser.

## Usage

```js

render() {

    return (

        

             

        

    );

  }

 ```

## To Do

* Update example to use npm @bestyled/gamepad

## License

Apache 2.0