Night Arcade Cabinet · ReactLynx Case Study

SPEEDY BIRD

Flappy Bird, but every pipe makes the run faster.

1.00×
Live Multiplier
+1% per pipe
100 platinum run

Space / Click / Tap to flap once the run starts.

Space / Click Flap · Tap on mobile

Rules of the run

EVERY PIPE TURNS UP THE SPEED

Speedy Bird keeps the familiar flap-and-thread rhythm, then tightens the run after every clear. Pipes move 1% faster per point, so a calm opening becomes a precision test by the medal tiers.

1.00× Launch Normal pace
10 Bronze Wake up
25 Silver Fast hands
50 Gold 1.50× zone
100 Platinum 2.00× chaos
Medal Cabinet Try for Platinum
Bronze10 pipes
Silver25 pipes
Gold50 pipes
Platinum100 pipes

Builder's manual

BUILT AS A REAL CROSS-PLATFORM GAME

The web canvas above mirrors the ReactLynx implementation: the same physics constants, tile-based pipes, sprite digits, sound cues, and state machine used by the native build.

ENGINE / 60FPS

Physics that stay readable as speed climbs

Gravity, velocity-based flaps, rotation, AABB collision, and constant-gap pipe spawning keep runs fair while the world accelerates.

SPRITES

Tile-Based Pipes

Pipe bodies repeat from pixel tiles with cap sprites, avoiding stretched art at every obstacle height.

WORLD

Parallax Layers

Background, pipes, and ground move at different speeds to make the tiny scene feel alive.

LYNX

ReactLynx Port

A single TypeScript codebase targets native Lynx rendering on iOS and Android, plus the browser demo.

SHIP

CI/CD Ready

GitHub Actions build web docs, Lynx bundles, Android APKs, iOS archives, and releases.

Native UI framework

WHAT IS LYNX?

Lynx is ByteDance's open-source cross-platform native UI framework. ReactLynx brings React patterns to a native rendering engine instead of a WebView, which makes this project a compact game-shaped proof of the framework's rendering, touch input, asset, and release pipeline.

React components Native rendering CSS transforms Rspack toolchain iOS · Android · Web

Source and docs

BUILDER'S MANUAL

Open the manual when you want implementation details, native host setup, or release notes.

View full documentation View source

01

Start Here

Project overview, Lynx setup, architecture, and getting started.

02

Game Engine

Physics, collision detection, scoring, and game state machine.

03

Architecture

File structure, game loop, component hierarchy, and module breakdown.

04

Assets & Sprites

Sprites, audio files, tile-based rendering, and asset attribution.

05

Run It Locally

Controls, local setup, and Lynx Explorer testing for mobile devices.