Song Landscape

Splashery stretches a drumhead over this Splash's outline, twelve inches across, and finds the ways it can ring. Its lowest is 388.9 Hz, 14 cents flat of G4. The next fifteen are its overtones, and each one draws its own figure: sand gathers on the lines that stay still.

Tap to play and watch the land rise with the song; drag to turn or tilt. More in the Splash tab.

A song is a wave, but you can also see what it is made of. This splash measures each 40-millisecond slice of it: how loud each pitch is, how loud it is overall, its pitch and its brightness. Open your own song in the Splash tab (it stays on your device), or use the microphone: what it hears is kept in the page's memory to play back, and saved only if you tap Save.

Live opens on an empty plain: each moment rises at the bright line at the front as it plays and moves back. Whole song shows it all at once. Pitch: low notes on the left, high on the right, louder pitches as higher hills, colored like a rainbow. Loudness: the same, dark blue for quiet to white for loud. Ribbons: six bands, bass (teal) to treble (orange), each wider when louder. Tube: a ring per slice, wider when louder, tilted by pitch, turning orange when bright. Lines: one line per slice, like stacked mountain outlines. Mesh: the same as a wire net.

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.