joystick-ui v1.2.7

Joystick UI

Joystick UI component and controls for mobile browsers. Demo available:

https://joystick-demo.vercel.app/

Usage

import { createJoystick } from "joystick-ui";
import "joystick-ui/dist/main.css";

const { joystick, joystickControl } = createJoystick();

Customization

WebGL

const animate = () => {
  console.log(joystickControl.direction.normalize());
  requestAnimationFrame(animate);
};

animate();

Browser

joystick is a DOM element which can be rendered by any library or framework.

document.body.append(joystick);

React

return <div ref={(element) => element.append(joystick)} />;

Solid

return joystick;