react-nintendo-switch-procon-renderer
v1.0.4
Published
This npm package is a react component that displays the nintendo switch pro controller on the screen and changes the color of each button with an argument.
Downloads
7
Readme
react-nintendo-switch-procon-renderer
This npm package is a react component that displays the nintendo switch pro controller on the screen and changes the color of each button with an argument.
Installation
npm install react-nintendo-switch-procon-renderer
Usage
- The available inputs are "a", "b", "x", "y", "up", "right", "down", "left", "r", "l", "zr", "zl", "plus", "minus", "home", "cap".
Callback
- on a click butotn
- handleButtonClick(button: Button)
import { Procon, buttons } from "react-nintendo-switch-procon-renderer";
export default function App() {
const handleButtonClick = (button: Button) => {
console.log(button);
}
return (
<>
<Procon pressedButtons={[]} handleButtonClick={handleButtonClick} />
<hr />
<Procon pressedButtons={["zr", "up"]} />
<hr />
<Procon pressedButtons={buttons} />
</>
)
}
Development
- yarn
- yarn build
- cd sample && yarn server
How to release
- yarn release-build
- npm publish
TODO
- left stick, right stickの押し込み反映
- スティックの傾きの反映
- do npm publish by github action