Back to Work
CodeSoundDesignJune 2025

Recursive Canvas

An interactive generative instrument where drawing on a canvas adds new layers onto a living ambient soundscape. Every stroke is both a visual element and a musical voice where position, speed, color, and thickness all map to audio parameters. Meanwhile, autonomous drone and texture layers provide a bed of sound that responds to your activity level.

Three systems run in parallel: a p5.js drawing engine captures strokes as living data objects with lifecycles, a mapping layer translates visual properties into audio parameters, and a generative engine runs autonomously underneath. All pitches are quantized to a pentatonic scale, so you can never draw a wrong note.

Recursive Canvas

Interactive Demo

How It Works