About Wave Drawer

Draw a waveform with your mouse or finger, then play it on a keyboard. The shape you draw becomes the sound, quite literally. Your drawing is decomposed into Fourier harmonics and fed into a PeriodicWave oscillator, so every squiggle, spike, and curve directly shapes the timbre, or at least to my untrained ear… it seems right, the sawtooths sound like sawtooths, the sin’s sound like sins, the snozberries sound like snozberries.

• Draw to design sound — sketch any shape on the canvas and it becomes a playable waveform
• Preset waveforms — start from sine, sawtooth, square, or triangle and modify from there
• Piano keyboard — play your waveform chromatically with mouse, touch, or computer keyboard (A-K keys)
• Sustain mode — toggle notes on/off without holding keys
• Live waveform display — see your drawn shape and the real-time audio output overlaid

How it works

Your drawn waveform (512 samples) is converted to Fourier coefficients via DFT, then used to create a Web Audio API PeriodicWave. This means the browser’s oscillator natively plays your custom shape at any pitch. Drawing updates the waveform in real-time. Sustain and harmonize.

Keyboard shortcuts

White keys: A S D F G H J K — Black keys: W E T Y U