Pong example

Control the paddle with your force-sensing device. Pull to move the paddle; force level maps to position or speed.

This example is a TypeScript port of gdube's pong-js, a JavaScript remake of the Pong game.

Live demo

Pong

Source

examples/pong

Stack

• Vite
• TypeScript
• Canvas

Pattern

1. Connect to the device and subscribe with notify() to get real-time data.current (and optionally data.distribution?.left / data.distribution?.right for split control).
2. Map force values to paddle position or velocity (e.g. scale data.current to Y position).
3. Run the game loop: update ball, collision with paddles and walls, then render.