🎹 Neon Tiles - BINGO

#rhythmgame #game #music

A neon-styled 4-lane rhythm game built around the spelling-game classic "B-I-N-G-O" — the chart was transcribed directly from sheet music, capturing both the verse melody and the spelled-out "B-I-N-G-O" chorus. Cyberpunk visuals with a cyan→magenta gradient palette, ambient drifting tiles on the start and game-over screens, and the Orbitron typeface give the campfire singalong an arcade-cabinet makeover.

🎮 How to Play

• Tap / Click — Tap tiles on mobile, or click them with the mouse on desktop.
• Keyboard — Use A S D F for the four lanes (left → right).
• Hold notes — For taller tiles, keep the key/finger pressed until the tile clears.
• Pause — Space or P
• Mute / Unmute — M
• Quick start / restart — Press D while any overlay is showing.

✨ Features

🎵 Real Score, Real Pitch

• 13 measures transcribed directly from sheet music — covers the full verse ("There was a farmer, had a dog…") and the chorus that spells out B-I-N-G-O one letter at a time.
• Every note plays at its actual pitch in C major (G4 / A4 / B4 / C5 / D5 / E5 / F5 — a clean diatonic six-note range).
• Tempo is ♩=90, with each game beat = one 8th note (333 ms) — a friendlier base pace than most charts in the series, leaving room for the cycle speedups to actually feel different.

🎶 Hold Tiles Built Around the Chorus

• The "B—I—N—G—O" spelling at the chorus's heart is rendered as a sequence of 2-beat hold tiles — one for each letter — so you literally hold each letter the way the song does.
• The mid-verse "had-a-dog" half-note pickups land as 2-beat holds too, giving the song its characteristic gentle gait.
• The chart closes on a 4-beat REST, a deliberate breather before the cycle restarts at a higher tempo and key.

🚀 Progressive Difficulty + Cycle Flash

• BPM increases by +12.5% per cycle (90 → 101 → 112.5 → 124...). Starting at ♩=90 means even cycle 3 stays merely brisk rather than panic-inducing.
• Each cycle is also transposed up by a whole step (2 semitones), lifting the chorus's "B-I-N-G-O" letters higher and higher up the keyboard.
• Cycle transition flash: every new cycle pops up a centered CYCLE 2 / ♪ +2 · ⚡ +12% banner with a scale-and-glow animation.

🎨 Neon Polish

• Cyan → blue → purple → magenta per-lane gradient, glowing tube borders, scanline textures inside the active press zone, ambient drifting tiles behind every overlay, and an animated START button that slides down into the game.
• Visible miss feedback: red flash + dissonant low buzz with downward portamento on any miss.
• Forgiving holds (75% duration counts, soft gradient fade at the top edge) and smart lane distribution that avoids consecutive same-lane spawns.

🎼 Scoring

• 10 points per beat cleared (so each 2-beat "B/I/N/G/O" letter hold = 20).
• High score saved locally.

🛠️ Tech Stack

• Pure HTML / CSS / JavaScript, zero dependencies, single self-contained .html file — drop it anywhere and play.
• HTML5 Canvas + Web Audio API square-wave synthesis.
• Chart auto-generated from MusicXML via a custom Python converter, with automatic repeat-barline and volta unfolding.

💡 Things to Try

• The "B-I-N-G-O" spelling chorus is the song's spotlight moment — pay attention to the five 2-beat holds in a row and try to release each one just as the next letter arrives for a connected legato feel.
• At base tempo (♩=90) this is one of the easier charts in the series; push through to cycle 3 (♩~112, key transposed up a minor third) for a meaningful challenge.
• The chart leans heavily on hold tiles — if you're new to rhythm games, this is a good one to learn the 75% hold leniency on, since you can experiment with releasing early and seeing what still counts.