Explore SoundCanvas: Innovative Generative Music Web AppExplore SoundCanvas: Innovative Generative Music Web App
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
The Concept: Link:https://visor-fiesta-29206211.figma.site What if a design tool and a musical instrument were the same thing? Every shape has a pitch, timbre, and velocity determined by where it sits, how big it is, and what color it is. The canvas is the composition.
Project Title: SoundCanvas — Generative Music Web App
Tagline: A web app where drawn shapes obey gravity and collide to produce music in real time.
Description:
SoundCanvas turns a design canvas into a musical instrument. Draw shapes on a Figma-inspired dot grid, hit Gravity, and watch them fall, bounce, and collide — each collision producing sound based on the shape's size, position, and color.
What I Built:
Full vector Pen Tool with Bezier curves for expressive shape creation
6 Instrument Kits: Synth, Piano, Rock Guitar, Drum Kit, Electronic, Marimba
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started