Splashery

Aisle 1No. 1 of 460

Splashery

Song Landscape

503,186 small parts. Assembled in your browser.

Empty. Now look down.

Song Landscape, a still.
201000100008
$0.00

Swipe across the pack to tear it open.

Press and hold. It pulls itself together.

Let go to drop it.

It stays in its pack here. The Playground has the rest.

Playground

Studio · Built from a recipe

Song Landscape

A song is a wave, but you can also see what it is made of.

Play with it in the Playground

How to play

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

Toy facts

Item
No. 1 of 460
Shelf
Aisle 1, Studio
Kind
Built from a recipe
Small parts
503,186
Your own
Your own song
Sound
Yes
Batteries
None
Assembly
It does that itself
Licenses
CC0, Apache-2.0, MIT
Price
$0.00

Small parts are the splats in its usual build on a computer. A phone may draw fewer.

Its controls

ControlKindRangeStart
Play or pause the songTap
PlayButton
Color followsList6 choicesPitch (a rainbow across)
ViewList2 choicesLive (scrolls with the music)
Background (line looks)List2 choicesPaper

About it

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.

Details

Splats
Opens at 200,000 at Mid Detail, 49,457 at Low, and up to 1,000,000 at Max
Your own files
audio/*, .mp3, .wav, .ogg, .m4a, .flac, .aac, .opus

Sources and credits

WorkByLicense
Clair de lune, from the Suite bergamasque (Claude Debussy, 1905; public domain), played as the Grand Piano plays it, with its recorded notes (TEDAgame, CC0)Splashery (a rendering of the public-domain score)CC0 1.0
Sample song (our own tune, made by tools/make-song-sample.mjs)SplasheryCC0 1.0

Libraries

Apache-2.0
Depth Anything V2 Small, quantized ONNX (lane LSTUDIO, copied from Splashery)
MIT
ONNX Runtime Web 1.30.0 (its modules)

In The Splash Manual

  1. Chapter 10: Make your own

Share it

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

https://splashery.app/play/?toy=song-landscape
<script type="module" src="https://splashery.app/play/src/element.js"></script>
<splashery-toy toy="song-landscape"></splashery-toy>