🐤 Jumping Bird

#game

A single-file tap-to-flap side-scroller in the Flappy Bird mold, rendered in the same picture-book aesthetic as Watermelon Game (warm dark-brown outlines, pastel fills, rounded canvas, Fredoka + Jua typography). A round yellow chick flies through a corridor of saguaro cacti — keep tapping to stay airborne, slip through each gap, and beat your best.

How to Play

Tap GAME START to enter the game.
Tap anywhere on the play area (or press Space / ↑) to flap. Each flap snaps the bird upward; gravity pulls it back down.
Aim for the gap between each pair of cacti — +1 point every time you pass one.
The game ends the moment the bird hits a cactus or the ground. Clipping the ceiling just halts the upward velocity — no death up top.
Tap Play Again on the game-over screen, or 🏠 Home to return to the start screen.

Features

Bird

A round yellow chick with a face. All parts are drawn relative to the bird's radius so they scale together:

Warm-yellow body with a darker-yellow tail and flapping wing.
White eye with a dark pupil; orange beak that opens slightly on each flap; pink cheek blush.
Wing flap speeds up briefly on each tap, then settles to a slow idle.
Body rotation follows vertical velocity — nose-up on the way up, nose-dive on the way down.

Cactus Obstacles

Each obstacle pair is two saguaro cacti — one hanging from the ceiling, one rising from the ground — separated by a vertical gap:

Sage-green trunk with a semicircular rounded tip facing the gap.
Three faint vertical ribs down the length for surface texture.
A small pink-and-yellow flower sits on the tip of every ground cactus — the iconic saguaro bloom.
The gap shrinks gradually as the score climbs, so the game grows harder without speeding up.

Tip-Area Forgiveness

The cactus tip is drawn as a semicircle, but a strict rectangular hitbox would kill the bird in spaces that look empty around the rounded corners. The collision box is shrunk vertically at the tip so the effective corridor is a bit taller than the visible gap — the bird can lightly graze the rounded tip without dying.

Best-Score Persistence

The high score is stored in the browser. Beating it shows a ✨ New Best ✨ flourish on the game-over screen.

Sound Effects

All sounds are synthesized on the fly — no external files.

Short rising chirp on every flap.
Pentatonic score chime when you pass a cactus; pitch rises with the streak.
Soft thud on collision.
Three-note descending arpeggio on game over.
Two-note ascending arpeggio on restart.

A 🔊 / 🔇 mute button silences everything. Audio auto-resumes when the page returns from background.

Quality-of-Life Details

Two icon buttons sit below the playfield:

🔊 / 🔇 Mute (bottom-left): Silence all sound.
🏠 Home (bottom-right): Reset the board and return to the start screen.

Other niceties:

Single tap to flap — same handler works for mouse, touch, Space, and ↑.
Live rescale on resize — the in-progress game stays consistent when the window resizes.
Game-over overlay with final score, best score, and a Play Again button.

Design

Portrait layout (9:16) — fits entirely on a phone without scrolling.
Light sky-blue canvas with dark-brown outlines on every shape, matching Watermelon Game's hand-drawn picture-book feel.
Fully rounded canvas corners on all four sides.
Yellow + orange start/restart buttons with a layered inset shadow for a 3D pressable look — color-matched to the chick body and beak so the palette stays cohesive.
Fredoka + Jua font (Google Fonts) for a rounded, child-friendly look.