Circle Synth — Interactive Web Audio Playground
Circle Synth — drag circles inside the square to make sound
freq (x) gain (y) size → tone
Click “Start Audio”. Double‑click background to add a circle; drag to move. Double‑click a circle to change waveform. Shift‑click to delete. Select a circle to edit its ADSR + 16‑step pattern below.
Mapping: X → frequency (55–1760 Hz, exponential), Y → base level, radius → brightness. Each circle has its own ADSR and 16‑step pattern with per‑step velocity + accent (16th‑notes at global BPM).