#yee #game

2048 Yee 🦖

A single-file take on 2048 where every tile is Yee — the singing green-dinosaur meme. Slide the board to push tiles; when two of the same value touch they merge into the next, and the merged Yee springs to life and sings, pitched to its tier. Same picture-book style as Watermelon Yee and Jumping Yee (warm brown outlines, rounded tiles, Fredoka + Jua type).

It began as a re-skin of the classic 2048: the numbered tiles became an embedded Yee clip drawn into each tile and tinted by tier, the merge sound became the clip's own voice, looping background music was added, and the title became 🦖 2048 Yee. The original tile palette and the bottom CTA were kept.

How to Play

1. Use the arrow keys (or WASD, or swipe) to slide all tiles one direction.
2. When two tiles with the same number touch, they merge into one of double the value — +score.
3. Every move spawns a new 2 (sometimes 4) on an empty cell.
4. Reach the 2048 tile to win — then keep going for higher tiers.
5. When the board fills with no moves left it's game over. Tap New Game or Try again to restart.

Features

Yee Tiles

Every tile's face is the Yee clip drawn into a rounded square:

• Frozen at rest, animates on merge. A still frame fills resting tiles; the moment a merge happens the clip plays once on the new tile, then freezes again.
• Tinted per tier. A color blend recolours the Yee to that value's hue while keeping its shading.
• Small number, bottom of the tile. Each tile shows its value in a small label at the inner bottom — white with a soft dark shadow so it reads on every colour. The font shrinks for longer numbers (1024, 2048, and beyond).

Classic 2048 Colours

Because the numbers are shown, tiles use the original 2048 palette — neutral beige (2, 4) warming through orange and red to gold (2048). Anything above 2048 takes the classic dark "super" colour, with the number telling those tiers apart.

Pitch That Climbs

The merge sound is the clip's own "Yee!", and only the highest tile of a move sings — one voice, never a pile-up. Its pitch rises with the tier: 2 + 2 = 4 plays at the clip's original pitch, and every tier up is one whole tone higher, with no cap (256 is an octave up, and it keeps climbing past 2048).

Background Music

A looping background track plays under the game (the same embedded BGM as the other Yee games), starting on your first input. A 🔊 / 🔇 button mutes the music and the Yee voice together; the music auto-resumes when you return to the tab.

Win & Keep Going

Making 2048 shows a You win! overlay with Keep going (continue for higher tiles) or Try again. The best score is stored in the browser.

Design

• Portrait (9:16) in vw units — fits a phone with no scrolling.
• Cream background, warm dark-brown outlines on every tile, rounded corners.
• 🦖 2048 Yee title sized to one line; Fredoka + Jua fonts; brown score/best boxes and buttons.

Tech

• Single HTML file — no build, no external assets (one Google Fonts link).
• The Yee clip is embedded inline as a base64 data:video/webm URI; a hidden <video> supplies frames via drawImage, and an offscreen still frame keeps resting tiles filled.
• Each tile is a <canvas>; merged tiles redraw the live video frame per requestAnimationFrame (tinted to tier), then freeze on the still.
• The clip's audio is decoded to a buffer and replayed per merge with a tier-based playbackRate; a synth tone is the fallback if decoding fails.
• Looping BGM is a separate base64 data:audio/webm <audio loop> element, gated behind the first user gesture.
• The 2048 engine (slide / merge / score) is the classic implementation, kept untouched — only the visual and audio layers were swapped.