Groove Grid
Design brief
A 4×4 rhythm clicker where neon tiles light up to a synthesized beat — tap them before they fade or lose a life.
Date: 2026-07-08 Genre: rhythm clicker Status: Playable build
Concept
Groove Grid is a fast-reflex rhythm clicker built around a live 4×4 grid of glowing tiles. Tiles flash to a synthesized drum beat and the player must click or tap them before the timer bar empties. The fantasy is being a rhythm machine — synced, decisive, combo-chaining — set against a neon-dark cyberpunk aesthetic that pulses with every beat.
How to play
Tiles light up in neon colours timed to a 4/4 drum loop. Click or tap a tile while it glows to score points; miss three tiles (let them expire un-clicked) and it's game over. Clicking an inactive tile costs 30 points and resets your combo. Score as high as possible before losing all 3 lives.
Keyboard: rows map to 1234 / QWER / ASDF / ZXCV (top-left to bottom-right of the grid).
Mouse / Touch: click or tap directly on any tile.
Core mechanics
- Beat-synced activation — tiles light up exactly on the drum beat via a scheduled WebAudio look-ahead engine, so your taps feel genuinely musical.
- Timer bar — each active tile shows a shrinking bar; timing is generous (≥500 ms window) but the bar is a clear urgency cue.
- Combo multiplier — consecutive successful taps stack a ×1–×8 multiplier displayed at the bottom; any miss resets it to zero.
- Life system — 3 lives displayed as hearts; an expired tile costs one life, forcing the player to prioritise.
- Score popups — hit value (+100, +200 …) floats up from each tile for immediate feedback.
Progression & scoring
| Level | Score threshold | BPM | Simultaneous tiles |
|---|---|---|---|
| 1 | 0 | 96 | 1 |
| 2 | 300 | 120 | 1–2 |
| 3 | 1 000 | 144 | 2–3 |
| 4 | 3 000 | 168 | 3–4 |
| 5 | 8 000 | 192 | 3–5 |
At level 5 the grid erupts in 5-tile bursts at near-drum-and-bass tempo, demanding split-second scanning across all 16 positions.
Look & feel
Dark #0a0a0f canvas with a faint dot-grid background. Tiles glow in five rotating neon colours (cyan, magenta, chartreuse, orange, violet) with canvas shadowBlur halos. Concentric beat rings expand from screen centre on every kick. Particle bursts and floating score text reward each hit. All audio is procedurally synthesized via the WebAudio API: punchy 4/4 kick–snare with closed/open hi-hats — no external sound files.
What makes it fun
- Genuine rhythm — the look-ahead WebAudio scheduler means tiles land exactly on the beat, so skilled play feels musically satisfying, not arbitrary.
- Keyboard grid overlay — key hints printed on idle tiles let keyboard players scan the grid without guessing, making rapid combos accessible.
- Escalating chaos — five simultaneous tiles at 192 BPM turns the grid into a wall of light that demands full-hand reactions.
- One-more-game loop — three lives, instant restart, visible high-score hunger from the combo multiplier.
