Home▸Sound & Music▸Piano Keys and Sound Ripples (2D)

Piano Keys and Sound Ripples (2D)

A top-down 2D piano keyboard driven by a generative pentatonic melody engine — every note spawns an expanding, color-coded ripple you can tune with tempo, octave range and chord-chance controls.

Sound & Music2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion re-creates the 3D piano's generative pentatonic melody engine on a plain top-down keyboard: a small side panel exposes tempo, octave range and chord chance, and every auto-played (or clicked) note spawns a color-coded ring that expands outward and fades, making the pitch-to-color mapping and the melody's rhythm easy to read without orbiting a 3D scene.

⚙ Under the hood

Generative pentatonic melody engine driving a 2D piano keyboard; each note press spawns an expanding, fading, hue-coded ripple, with live tempo, octave-count and chord-chance controls.

pianogenerative melodysound visualizationpentatonic scaleripple animation

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