#yee #game

Jumping Yee 🦖

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

It began as a re-skin of Jumping Bird: the chick's drawn body became an embedded WebM clip (re-encoded for reliable 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.
2. Tap the play area (or Space / ↑) to flap — each flap snaps Yee up and replays the clip; gravity pulls it down.
3. Aim for the gap between each pair of cacti — +1 per pass.
4. Hitting a cactus or the ground ends the game; clipping the ceiling just halts upward velocity.
5. Tap Play Again, or 🏠 Home to return to the start.

Features

Yee (the bird)

A round character whose body is a live WebM clip drawn into a circle:

• The clip's current frame is the body fill, so Yee animates — and each flap rewinds it to the start, syncing the motion to your taps.
• Brown circular outline, an orange beak that opens on each flap, and a white eye — all sized to the radius so they scale together.
• Body rotation follows velocity — nose-up rising, nose-dive falling.

Flicker-Free Body

Each flap rewinds the clip (currentTime = 0); during that brief seek the video has no frame for ~1 paint. The most recent decoded frame is kept in an offscreen canvas and drawn whenever a live frame isn't ready, so the body never flashes empty. A one-time decoder warm-up through the audio graph keeps replays stutter-free.

Cactus Obstacles

Each pair is two saguaro cacti — one from the ceiling, one from the ground — split by a gap:

• Sage-green trunk with a rounded tip facing the gap and faint vertical ribs.
• A pink-and-yellow flower on every ground cactus.
• The gap shrinks as the score climbs — harder without speeding up.

Tip-Area Forgiveness

The tip is a semicircle, so its hitbox is shrunk vertically — Yee can lightly graze the rounded corner without dying.

Best-Score Persistence

The high score is stored in the browser; beating it shows a ✨ New Best ✨ flourish.

Sound

The flap sound is the clip's own audio — "Yee" replays on every tap instead of a synth chirp. Everything else is synthesized: a pentatonic score chime (pitch rises with the streak), a soft collision thud, and game-over / restart arpeggios. A 🔊 / 🔇 mute button silences all; audio auto-resumes from background.

Quality-of-Life

• 🔊 / 🔇 Mute (bottom-left) and 🏠 Home (bottom-right).
• Single tap to flap — mouse, touch, Space, ↑.
• Live rescale on resize, and a game-over overlay with score, best, and Play Again.

Design

• Portrait (9:16) — fits a phone with no scrolling.
• Sky-blue canvas, dark-brown outlines on every shape, fully rounded corners.
• Yellow + orange pressable buttons; 🦖 Jumping Yee title; Fredoka + Jua fonts.

Tech

• Single HTML file — no build, no external assets (one Google Fonts link).
• Canvas 2D; the body is drawn with drawImage from a hidden <video>.
• The clip is embedded inline as a base64 data:video/webm URI (VP9 + Opus), re-encoded to decode and loop reliably.
• Offscreen frame cache keeps the body filled during the per-flap rewind.
• Web Audio API for synth tones, with the clip routed through the graph for glitch-free replays. Fixed-timestep physics at 60 Hz.