Description
Cozy Stack | HTML5 Food Stacking Puzzle Game
Cozy Stack | HTML5 Food Stacking Puzzle Game is a self-contained HTML5 stacking arcade game built with HTML5, CSS3, and vanilla JavaScript. It needs no engine, build step, installation, or server-side service. Open main_file/index.html directly, or upload the complete main_file folder to a static host.
Core Gameplay
- 200 progressive stages — piece count grows smoothly from 5 at Level 1 up to 16 at Level 200 using a single formula, so late levels feel harder without a sharp difficulty cliff.
- Fifteen food ingredients — toast, cheese, tomato, lettuce, patty, egg, bacon, onion, mushroom, pickle, salmon, avocado, ham, pineapple, and corn — each drawn procedurally in code with its own shape, texture, and decorative detail. No image files.
- Zero audio files — every tone is synthesized live with the Web Audio API (oscillator + envelope). No MP3s or audio downloads are needed.
- Perfect drop detection — landing within a tolerance band triggers sparks, rings, and a floating popup. The window shrinks from 1.45× at Level 1 to 1.0× at Level 25+, so early levels feel
forgiving and late levels demand precision. - Overhang slicing physics — off-center drops cut the piece in two. Only the overlap stays on the stack; the sliced portion flies off with rotation and gravity.
- Combo system — chaining perfect drops builds a live combo counter shown above the HUD. Any non-perfect drop resets it to zero.
- 1–3 star rating per level based on what fraction of your drops were perfect — 60%+ earns 3 stars, 30–59% earns 2, under 30% earns 1.
- Pause, restart, or jump to Level Select at any time from the in-game menu.
- Animated feedback — expanding gold rings, particle sparks, floating score popups, piece squash on landing, and camera shake that scales with how far off-center the drop landed.
- Loading screen on every visit with a pulsing logo, warm radial glow, and gradient progress bar.
