Pitch Hero

Apr 2026

Sing or play a MIDI keyboard to hit scrolling notes as they cross the target line. Scores your pitch accuracy in real time from your mic or keyboard.

Why I Built It

I wanted pitch training to feel like a rhythm game instead of an exercise. I built the pitch detection and the scrolling note renderer from scratch on the Web Audio API.

Technologies

  • JavaScript
  • Web Audio API
  • Canvas API
  • HTML
  • CSS

Tags

  • Music Theory Algorithms
  • Interactive Design
  • Real-time
  • MIDI
  • Pitch Detection
  • Gamification
  • Open Source

Links