Music & audioAppClaudejungtaejoon

16-Step Drum Machine: every sound synthesized live in the browser

Kick, snare, hi-hat and clap: 4 rows × 16 steps. Tap cells to place beats and hit play. Every sound is made on the spot with Web Audio (zero sample files).

Three preset patterns included. Made a good one? Post a screenshot.

Prompt used
Single-file HTML 16-step drum machine that synthesizes kick/snare/hi-hat/clap with Web Audio only. Tempo slider, 3 preset patterns, clear, current-step indicator.

#webaudio #beats #instrument

c/music · made with Claude · ▲ 0 gem · ▼ 0 slop · 0 comments