Jumping Yee 🦖

A single-file tap-to-flap side-scroller in the Flappy Bird mold, rendered in the same picture-book aesthetic as Watermelon Game, Jumping Bird, and Snake (warm dark-brown outlines, pastel fills, rounded canvas, Fredoka + Jua typography). The twist: the bird's round body is a looping video clip of "Yee" — the singing green-dinosaur meme — that plays a fresh beat every time you flap. Fly through a corridor of saguaro cacti, keep tapping to stay airborne, slip through each gap, and beat your best.

It started as a re-skin of Jumping Bird: the yellow chick's drawn body was swapped for an embedded WebM clip, the clip was re-encoded for reliable in-browser playback, the title became 🦖 Jumping Yee, and a frame cache was added so the body never flickers on a flap.

How to Play

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

Features

Yee (the bird)

A round character whose body is a live WebM video clip drawn into a circle, framed like the original chick:

• The clip's current frame becomes the body fill, so Yee visibly animates — and on every flap the clip rewinds to frame 0 and plays again, syncing the animation to your taps.
• Warm dark-brown circular outline, an orange beak that opens slightly on each flap, and a white eye with a dark pupil — all drawn relative to the bird's radius so they scale together.
• Body rotation follows vertical velocity — nose-up on the way up, nose-dive on the way down.
• Cover-fit framing — the square clip is scaled to fill the round body cleanly at any size.

Flicker-Free Body

Each flap rewinds the clip (currentTime = 0), and during that brief seek the video has no current frame for ~1 paint. To stop the body from flashing empty mid-jump, the most recent decoded frame is kept in an offscreen canvas and drawn whenever a live frame isn't ready — so the body stays filled through the rewind. The clip is also routed through the audio graph once on first tap (a decoder warm-up) so replays start without a stutter.

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.
• Faint vertical ribs down the straight portion 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 — Yee 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

The flap sound is the clip's own audio — the "Yee" replays on every tap instead of a synth chirp. Everything else is synthesized on the fly, no external files:

• 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 (including the clip's audio). 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 the sibling games' 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.
• 🦖 Jumping Yee title and a Fredoka + Jua font (Google Fonts) for a rounded, child-friendly look.

Tech

• Sing