Pitch Hero
Apr 2026
Sing or play a MIDI keyboard to match scrolling notes as they cross the target line. Trains pitch accuracy with real-time microphone or MIDI input scoring.
Why I Built It
I wanted an interactive way to train pitch accuracy that felt more like a game than an exercise. Building the pitch detection and scrolling note renderer from scratch was a great deep-dive into the Web Audio API.
Technologies
- JavaScript
- Web Audio API
- Canvas API
- HTML
- CSS
Tags
- Music Theory Algorithms
- Interactive Design
- Real-time
- MIDI