GENESIS.
Sonic Architecture
A complete one-page website for a browser-based sound instrument. The interface assembles from particles, then becomes a real working surface. Tune a chord, switch its character and explore the relationship between gesture, sound and motion.
Open the live demo ↗
What happens here
An interface assembled from particles.
Particle assembly into a working interface.
Three live synthesized sound palettes.
Pointer, touch and keyboard tone control.
Before you try it
Sound is synthesized in your browser and starts after you press play. Use arrow keys on the resonance field for precise control. Pause motion for a quieter experience.
Build on the idea
Take a closer look.
Explore the code and adapt it to your own project. Source downloads do not include the soundtrack.
More from the collection
Keep exploring.
RS-01
A fictional brick-built race car kit: your scroll lets the finished car go into its 1,622 pieces and builds it back, brick by brick, under a camera viewfinder.
AJ1
An unofficial redesign of the Air Jordan 1 page: the scroll takes the shoe apart panel by panel, sews it back together and lines up its colourways.
M3 E30
An unofficial fan concept for the original M3, where nothing on the page is a video: every frame is rendered live in the browser.
Next · DOMVYBE / 02