Pocket Kit

A touch drum machine that runs entirely in the browser. https://itsslimetime.github.io/pocket-kit/

Two views, sharing one transport:

• Pads — eight voices with a 16-step sequencer, tempo and swing
• Kit — an overhead studio kit on a rug: kick, snare, two mid toms, floor tom, hi-hat, crash and ride, each tappable

No samples

Every sound is synthesised with the Web Audio API at play time — oscillators, noise buffers and filters. Nothing is downloaded, so it loads instantly and works offline once cached. The kick is a sine sweeping 155→44 Hz with a filtered click; the clap is three staggered noise bursts through a bandpass; the hats differ only by decay.

Beaters

The selector rebuilds the sound rather than filtering it:

Beater	What changes
Sticks	Wood tip — hard transient, full brightness
Mallets	Felt — click drops to 5%, attack ×5, 3 kHz lowpass. Swells the crash instead of striking it, and kills the ride's ping
Brushes	Wire — tone to 42%, noise doubled, snare wires ring ~2.4× longer

Notes

• Multi-touch via pointer events, so chords and two-handed fills work
• On a portrait phone the kit rotates a quarter turn to fill the screen; rotating the phone switches that off
• Keyboard: 1–8 for pads, space for transport; in kit view Q crash, W hi-hat, E ride, A/S/D toms and snare, F floor tom, Z kick
• Audio needs one user gesture to start, as every browser requires

Single file, no build step, no dependencies.