Flappy Bird example

Control the bird with your force-sensing device. Pull on the hangboard to flap; release to fall.

This example is a TypeScript port of aaarafat's JS-Flappy-Bird, a JS and HTML Canvas remake of the original Flappy Bird.

Live demo

Flappy Bird

Source

examples/flappy-bird

Stack

• Vite
• TypeScript
• Canvas

Pattern

1. Connect to the device and start streaming (or use notify() for real-time data).
2. Use active() or a threshold on data.current to detect a “flap” (user pull).
3. On flap, apply upward velocity in the game loop.
4. Gravity and collision logic run in the same loop.