Core Sequencer Features
Grid-Based Step Sequencer
- 4×4 visual grid layout for programming drum patterns
- Variable sequence length (1-32 steps)
- Three drum instruments: Kick, Snare, and Hi-hat
- Visual step indicators showing which instruments are active
Playback System
- Play/Stop transport controls
- Current step highlighting with visual feedback
- Adjustable BPM (40-240 range)
- Tap tempo function for setting BPM by tapping
Drum Synthesis
Built-in Drum Sounds
- Kick: Synthesized using oscillator with pitch sweep and decay
- Snare: Combination of noise generator and oscillator for realistic snare sound
- Hi-hat: High-passed noise for crisp hi-hat sound
Per-Instrument Controls
- Volume control for each drum
- Pitch adjustment
- Decay time control
- Individual mute buttons
User Interface
Interactive Step Programming
- Click cells to open step menu
- Toggle individual instruments per step using K/S/H buttons
- Visual feedback with color-coded instruments:
- Red for kick
- Teal for snare
- Yellow for hi-hat
- Gradient combinations when multiple instruments are active
Visual Feedback
- Current playing step highlighted in blue
- Triggered steps flash briefly when played
- Pulse animation on active steps during playback
Additional Features
Pattern Sharing
- Share button generates URL with encoded pattern data
- Patterns can be loaded from shared URLs
- Copy to clipboard functionality
Responsive Design
- Mobile-friendly layout
- Touch-friendly controls
- Adaptive grid sizing
The sequencer uses the Web Audio API for sound generation rather than p5.js, making it a lightweight, browser-based drum machine with no external dependencies beyond the standard web APIs.
