Rhythm Tapper
Notes fall, you tap in time, and the timing has to be honest.
AdvancedWeb appGame14–30hAI-buildable 3/5no setup
A rhythm game where notes scroll toward a hit line and are judged by timing accuracy. Input latency is the entire challenge — judging against the audio clock rather than frame time is the difference between a game that feels fair and one that feels broken.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Notes scroll toward a hit line in time with the music
- Key presses are judged into timing windows
- Judgement feedback appears per note
- A combo counter breaks on a miss
- Timing is judged against the audio clock, not frame time
- A calibration screen measures the player's input offset
- A results screen shows accuracy and judgement distribution
The interesting part
- Audio and input latency, which is why calibration is mandatory
- Scheduling note spawns ahead of time so scroll speed stays exact
- Keeping the render loop from drifting against the audio clock
Once it works
- Add a chart editor for making your own patterns
- Add held notes
- Auto-generate a chart from audio onset detection
Suggested stack
reacttypescripttailwindcanvas-api