#yee #game

Watermelon Yee 🦖

A Suika-style fruit-merging game where every fruit is "Yee" — the singing green-dinosaur meme. Drop fruits into a portrait container, merge identical pairs to evolve them up the chain, and try to make a watermelon — without overflowing the danger line at the top. Each tier is a Yee clip tinted in its fruit's colour; on every merge the Yee springs to life and shouts, pitched to the tier.

A re-skin of Watermelon Game: painted fruits became an embedded Yee clip, recoloured per tier with the original sketches layered back on, the merge sound became the clip's own voice, and the title became 🦖 Watermelon Yee.

How to Play

1. Tap GAME START.
2. Move left/right to aim the fruit hovering at the top.
3. Tap or lift to drop it straight down.
4. Two of the same fruit touching merge into the next tier and score points.
5. Keep merging up to a 🍉 watermelon — the goal!
6. If a fruit's center stays above the dashed red line for 1.5 s, it's game over; launching one off the top is an instant loss.

Features

Yee Fruits

Every fruit's body is the Yee clip drawn into its circle:

• Frozen at rest, animates on merge. The clip holds one frame while fruits hover and settle; the moment a merge happens it plays once, then freezes again.
• Per-fruit colour filter. A color blend recolours the Yee to each fruit's hue (cherry-red, grape-purple, melon-green…) while keeping its shading, so tiers read by colour.
• Original sketches on top. Cherry stem, strawberry seeds, orange segments, watermelon stripes… are drawn over the tinted Yee on the outer ring, so the face still shows.
• Rolls with the fruit — the clip spins to match each fruit's rolling angle.

Fruit Evolution Chain

Eleven tiers; each merge produces the next. Small fruits spawn most often.

Tier	Fruit	Score	Spawnable
1	🍒 Cherry	1	✓
2	🍓 Strawberry	3	✓
3	🍇 Grape	6	✓
4	🍊 Orange	10	✓
5	🟠 Persimmon	15	✓
6	🍎 Apple	21	merge
7	🍐 Pear	28	merge
8	🍑 Peach	36	merge
9	🍍 Pineapple	45	merge
10	🍈 Melon	55	merge
11	🍉 Watermelon	66	merge

Evolution Chart & Next

The bottom "Evolution" strip and the header "Next" preview show each tier as a still Yee snapshot, tinted with its colour and sketch. Higher tiers stay "?" until first produced, which plays a chime and pop.

Double Watermelon Bonus

Bumping two watermelons makes both vanish for +100, with a fanfare, confetti, and a toast.

Danger Zone

A dashed red line near the top; when a fruit's center crosses it, the area pulses red through a 1.5 s countdown. Brief bounces don't count; fresh drops get a 1.2 s grace period.

Sound

The merge sound is the clip's own "Yee!", and its pitch rises with the tier (deep "Yeee" early, a high "Yee!" an octave up for watermelon). Synth extras: a drop "tup", a soft collision tap, an unlock arpeggio, a 2-second watermelon fanfare, and game-over / restart arpeggios. A 🔊 / 🔇 mute silences all, the Yee included; audio auto-resumes from background.

Quality-of-Life

• 🔊 / 🔇 Mute and 🏠 Home buttons.
• Drop cooldown (500 ms), weighted spawning, live rescale on resize, and a game-over overlay with final score and Play Again.

Design

• Portrait (9:16) in vw units — fits a phone with no scrolling.
• White background, warm dark-brown outline framing every Yee.
• 🦖 Watermelon Yee title; Fredoka + Jua fonts.

Tech

• Single HTML file — no build, no external assets (one Google Fonts link).
• Canvas 2D; each body is drawImage from a hidden <video>, recoloured with a color-blend fill and overlaid with sketch marks.
• The clip is embedded inline as a base64 data:video/webm URI (VP9 + Opus), re-encoded for reliable playback.
• Play-on-merge: the video doesn't loop — rewound and played once per merge, then frozen; an offscreen frame cache keeps the body filled.
• The clip's audio is decoded to a buffer and replayed per merge with a tier-based playbackRate, bypassing the low-pass master so the voice stays clear.
• Reference icons use a tinted still snapshot, cached per colour. Web Audio for synth tones; custom physics.