Home▸Build & Play▸Piano Visualizer (2D)

🎹 Piano Visualizer (2D)

Interactive 2D virtual piano with a correct two-octave key layout and true equal-temperament frequencies (A4 = 440Hz). Play with the mouse, touch, or the computer keyboard and watch a Synthesia-style note-roll fall toward the keys while a live oscilloscope traces the waveform of every note you hit.

Build & Play2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

Interactive 2D virtual piano with a correct two-octave key layout and true equal-temperament frequencies (A4 = 440Hz). Play with the mouse, touch, or the computer keyboard and watch a Synthesia-style note-roll fall toward the keys while a live oscilloscope traces the waveform of every note you hit.

Piano KeysNote RollEqual TemperamentWaveform2D

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install