planetbased.io

A living wall of plants; travel between places and hear the birds that live there.
headphones recommended · click to begin

BUILD DETAILS

The wall
A custom WebGL fragment shader draws the photo as a GPU texture, redrawn every frame. Hovering ripples the wall with per-pixel UV displacement; moving between ecosystems cross-wipes two textures along a rippled edge.

The type
Each name is per-letter DOM spans driven by a Web Audio AnalyserNode reading the recording's live time-domain waveform, with spring physics. The letters rise + scatter to the sound.

The sound
Spatial audio through a Web Audio graph (filters, StereoPanner, depth gain), per-voice motion, leveled to −20 LUFS.

The recordings
Real, credited field recordings (bioacoustics). No synth, no AI audio.

ZONE PLACER ✺ drag the names to move them
C copies the JSON ✺ placements auto-save locally

planetbased.io

design studio coming soon

a living wall of real sounds ✺
best on desktop w/ headphones

hi@planetbased.io