The react-joy library exported as H5 modules.
Using npm:
$ npm i react-joy
enum LRFB {
'LEFT',
'RIGHT',
'FORWARD',
'BACKWARD',
}
interface directionProps {
direction: LRFB,
x: number,
y: number
}
const handleMove = function (e: directionProps) {
const { x, y, direction } = e;
// code...
}
const handleStop = function (e: MouseEvent) {
// code...
}
// jsx
<Joy handleMove={handleMove} handleStop={handleStop} />
onPointerDown
onPointerUp
onPointerMove
--- thx ---