OrDrumbox v2 User Manual
Table of Contents
1. Getting Started
OrDrumbox v2 is a browser-based drum machine and pattern sequencer. When you open the application, you see:
- Toolbar at the top — main controls
- Pattern Panel — the step sequencer grid
Basic Workflow
- Select a Pattern from the Pattern dropdown
- Click Start to begin playback
- Click on the grid to add/remove notes
- Click a track name to open the Track Editor
- Click a note cell to open the Note Editor
- Use Auto Gen to generate a random pattern
2. Toolbar
The toolbar is the fixed control bar at the top of the screen.
Controls
| Button / Control | Description |
|---|---|
| Start / Stop | Toggles playback. Red background when running. |
| BPM | Click to open the tempo slider (range: 20–250 BPM). |
| Pattern | Dropdown to switch between patterns. |
| Kit | Dropdown to switch drumkits (samples load on first use). |
| Auto Gen | Generates a complete random pattern with genre-appropriate tracks. |
| Clear | Removes all notes from the current pattern (asks for confirmation). |
| Tools | Opens the Tools panel (export/import, pattern name). |
| Output | Opens the Output panel (master mixer, spectrum analyzer). |
3. Pattern Panel
The Pattern Panel displays all tracks as horizontal step grids below the toolbar.
Display
- Pattern name (red), BPM, bar count, and track count are shown in the header.
- Each track row shows: track name + step grid.
Cell Colors
| Appearance | Meaning |
|---|---|
| Dark cell | Empty step |
| Red cell (varying opacity) | Note present — opacity proportional to velocity |
| White outline | Selected note or track |
| Left border | Start of a bar |
| Right white border | Loop point |
| Pitch indicator (small bar inside cell) | Shows pitch offset direction |
| Semi-transparent red (with number) | Note with trigger frequency > 1 |
| Orange (with number) | Note with probability < 1 |
| Blue rectangle (half-height, semi-transparent) | Retrigger sub-hit |
| Yellow rectangle (half-height, semi-transparent) | Euclidean fill sub-hit |
Interactions
| Action | Result |
|---|---|
| Click empty cell | Creates a note and opens Note Editor |
| Click a note | Selects it and opens Note Editor |
| Click a selected note | Deletes it |
| Click track name | Opens Track Editor for that track |
4. Track Editor
The Track Editor opens when you click a track name. It contains all track-level parameters organized in groups.
Basic / Transport
| Control | Description |
|---|---|
| Mute | Mutes the entire track |
| Mono | Forces monophonic playback |
| Auto | Enables auto mode |
Levels / Pitch
| Control | Range | Default | Description |
|---|---|---|---|
| Velo | 0–1 | 1.0 | Track volume multiplier |
| Pan | -1 to 1 | 0 | Stereo panning (left/right) |
| Pitch | -24 to 24 | 0 | Pitch offset in semitones |
| Len | 0–1 | 1.0 | Sample playback length |
All four parameters support LFO modulation (click the row to open LFO settings).
Filters
| Control | Range | Default | Description |
|---|---|---|---|
| Type | lowpass, highpass, bandpass, peaking, lowshelf, highshelf, notch, allpass | allpass | Biquad filter type |
| Freq | 0–1 | 20 | Cutoff frequency (normalized, maps to 20Hz–20kHz) |
| Q | 0–1 | 0.707 | Filter resonance |
The Freq and Q parameters support LFO modulation.
Effects
Each effect has an LED toggle (green = active). Tabs 1/2/3 are on the same line as the "Effects" title.
Reverb
| Control | Options | Default | Description |
|---|---|---|---|
| LED | on/off | off | Enable/disable reverb |
| RevT | none, room, hall, plate, spring, gated | none | Reverb preset |
| RevV | 0–1 | 0 | Wet/dry mix |
Reverb Presets:
- room — Small room (0.8s decay)
- hall — Large hall (2.4s decay)
- plate — Plate reverb (1.6s decay)
- spring — Spring with ripple (1.2s decay)
- gated — Gated reverb (0.7s, cuts off at 65%)
Delay
| Control | Options/Range | Default | Description |
|---|---|---|---|
| LED | on/off | off | Enable/disable delay |
| DelTy | none, slap, tape, pingpong | tape | Delay algorithm |
| DelT | 0.0625, 0.125, 0.25, 0.5, 1, 2, 4 | 1 | Delay time (beat multiplier) |
| DelV | 0–1 | 0 | Wet mix |
Delay Types:
- slap — Single echo, short feedback
- tape — Tape delay with filter, warm feedback
- pingpong — Stereo ping-pong between left and right
Saturation (Disto)
| Control | Options/Range | Default | Description |
|---|---|---|---|
| LED | on/off | off | Enable/disable saturation |
| SatT | soft, hard, tape | soft | Saturation algorithm |
| SatV | 0–1 | 0 | Drive amount |
Saturation Types:
- soft — Smooth tanh-based clipping
- hard — Hard clipping
- tape — Analog tape warmth
LFO Sub-Panel
Click any LFO-capable row (Velo, Pan, Pitch, Freq, Q) to open the LFO editor.
| Control | Range | Default | Description |
|---|---|---|---|
| LED | on/off | off | Enable/disable LFO |
| Freq | 0.1–16 | 1 | LFO rate (cycles per 4 bars) |
| Min | varies | parent min | LFO sweep minimum |
| Max | varies | parent max | LFO sweep maximum |
| Phas | 0–1 | 0 | Phase offset |
The LFO waveform is always sine.
Sound Sub-Panel
| Control | Description |
|---|---|
| autoassign | LED toggle (green = active). When on, automatically assigns the best sample from the drumkit based on track name. |
| Instr | Instrument type selector |
| Sample | Specific sample file selector |
| Synth | Soft-synth generated sound selection |
| Edit | Opens the Synth Editor for the selected generated sound |
Loop / Pattern Sub-Panel
| Control | Range | Default | Description |
|---|---|---|---|
| Steps/Bar | 1–8 | 4 | Number of steps per bar |
| Bars | 1–8 | 4 | Number of bars in the pattern |
| Loop Point | 1–(bars×steps/bar) | end | Step where the track loops back |
| Swing | 0–1 | 0 | Shuffle amount for odd-numbered steps |
5. Note Editor
The Note Editor opens when you click a note in the Pattern Panel. It shows per-note parameters.
Header
- Track name, position (bar X step Y), and close button.
Vel / Pitch / Pan
| Control | Range | Default | Description |
|---|---|---|---|
| Vel | 0–1 | 0.8 | Note velocity (volume) |
| Pitch | -24 to 24 | 0 | Semitone offset from C3 |
| Pan | -1 to 1 | 0 | Per-note panning |
Triggers
| Control | Range | Default | Description |
|---|---|---|---|
| Freq | 1–16 | 1 | Play every N-th loop (1 = every loop) |
| Phase | 0–15 | 0 | Phase offset for trigger frequency |
| Proba | 0–1 | 1 | Probability of triggering (1 = 100%) |
How triggers work:
A note triggers when: (currentLoop + triggerPhase) % triggerFreq === 0
Retrig
| Control | Range | Default | Description |
|---|---|---|---|
| Retrig | 1–16 | 1 | Number of retrigger sub-hits |
| Step | 1–16 | 1 | Spacing between retrigger hits |
| Eucl | 0–16 | 0 | Euclidean fill: adds N evenly-spaced sub-hits between this note and the next |
| Proba | 0–1 | 1 | Probability for retrig, euclidian, and arp sub-notes (1 = 100%) |
Euclidean fill: Adds N evenly-spaced notes between this note and the next note in the track, creating complex rhythmic patterns.
Retrig Proba: This probability controls whether retrig sub-hits, euclidian fill sub-hits, and arp sub-notes are actually played. The base note (first hit) is always played.
Arpeggiator
| Control | Options/Range | Default | Description |
|---|---|---|---|
| Scale | major, minor, pentatonic, etc. | major | Musical scale for arp intervals |
| Dir | up, down, updown | up | Arpeggio direction |
| Range | 0–12 | 0 | Number of arp notes (0 = disabled) |
How arpeggiator works:
- When
Range > 0, generates pitch offsets from the selected scale - Arp sub-notes use the Retrig Proba probability
6. Tools Panel
The Tools Panel opens when clicking the "Tools" button in the toolbar.
Pattern Settings
| Control | Description |
|---|---|
| Name | Text input to rename the current pattern |
Export
| Button | Format | Description |
|---|---|---|
| Export JSON | .json | Exports pattern data (strips defaults, keeps only changed values) |
| Export MIDI | .mid | Exports as Standard MIDI File (SMF Type 1, multi-track) |
| Export WAV | .wav | Renders audio using OfflineAudioContext |
| Control | Range | Default | Description |
|---|---|---|---|
| Loops | 1–32 | 1 | Number of times pattern loops in WAV/MIDI export |
Export filenames: ordrumbox-{patternName}.{ext}
MIDI Export details:
- Track 0: Tempo + time signature
- Track 1+: One MIDI track per instrument
- Drum tracks → MIDI channel 10
- Muted tracks are excluded
Import
| Button | Description |
|---|---|
| Import JSON | Opens file picker for .json files, imports as a new pattern |
7. Output Panel
The Output Panel opens when clicking the "Output" button in the toolbar. It provides master mixing controls and a real-time spectrum analyzer.
Master
| Control | Range | Default | Description |
|---|---|---|---|
| Volume | 0–2 | 1.0 | Master output volume |
Filters (Master)
| Control | Range | Default | Description |
|---|---|---|---|
| Low Cut | 10–500 Hz | 35 Hz | High-pass filter (removes low frequencies) |
| High Cut | 1000–20000 Hz | 18500 Hz | Low-pass filter (removes high frequencies) |
Compressor
| Control | Range | Default | Unit | Description |
|---|---|---|---|---|
| Threshold | -40–0 | -12 | dB | Compression threshold |
| Ratio | 1–20 | 4 | — | Compression ratio |
| Attack | 0–1 | 0.005 | s | Response speed |
| Release | 0–1 | 0.15 | s | Recovery speed |
| Knee | 0–40 | 6 | dB | Curve softness |
Spectrum Analyzer
A real-time frequency spectrum display updated via requestAnimationFrame. Bars are colored from dark (low amplitude) to red (high amplitude).
8. Synth Editor
The Synth Editor is a full-screen overlay for editing soft synthesizer parameters. It opens from the Track Editor's "Edit" button when a generated sound is selected.
Header: OK (saves changes) / Cancel (reverts) buttons.
Master Volume
| Parameter | Range | Default | Description |
|---|---|---|---|
| masterVolume | 0–1 | 0.8 | Synth output volume |
| slide | 0–500 | 0 | Portamento/glide time |
Oscillators (VCO1, VCO2, VCO3)
Each oscillator has:
| Parameter | Range | Default | Description |
|---|---|---|---|
| gain | 0–1 | vco1:1, others:0 | Oscillator volume |
| octave | -4 to 4 | 0 | Octave offset |
| detune | -100 to 100 | 0 | Fine detuning in cents |
| wave | square, sawtooth, triangle, sine | sine | Waveform |
Filter
| Parameter | Range | Default | Description |
|---|---|---|---|
| type | lowpass, highpass, bandpass, etc. | lowpass | Filter type |
| freq | 20–20000 | 400 Hz | Cutoff frequency |
| Q | 0.1–24 | 1 | Resonance |
| envAmount | 0–1 | 0 | Envelope modulation depth |
LFO
There are two independent LFOs (LFO and LFO2) with the same parameters:
| Parameter | Options/Range | Default | Description |
|---|---|---|---|
| target | NOT, filter.freq, vco1.detune, etc. | NOT | Modulation target |
| wave | square, sawtooth, triangle, sine | sine | LFO waveform |
| freq | 0–20 | 0 | LFO rate |
| depth | 0–1 | 0 | Modulation depth |
Noise
| Parameter | Range | Default | Description |
|---|---|---|---|
| mix | 0–1 | 0 | White noise level |
| filterType | filter types | highpass | Noise filter type |
| filterFreq | 20–20000 | 1000 Hz | Noise filter cutoff |
| filterQ | 0.1–24 | 1 | Noise filter resonance |
Envelope (ADSR)
| Parameter | Range | Default | Description |
|---|---|---|---|
| attack | 0–2 s | 0 | Attack time |
| decay | 0–2 s | 0.12 | Decay time |
| sustain | 0–1 | 1 | Sustain level |
| release | 0–3 s | 0.05 | Release time |
9. Keyboard Shortcuts
| Key | Action |
|---|---|
| Space | Start/Stop playback |
| B | Auto-generate a new pattern |
| S | Log patterns as JSON to console |
| F | Switch to a random pattern |
| G | Switch to a random drumkit |
| H | Convert all tracks to soft-synth sounds |
| D | Export current track sound |
| V | Toggle VU meters and waveform overlay |
| 1–9 | Toggle mute for tracks 1–9 |
| Q, W, E, R, T, Y, U, I | Preview (audition) tracks 0–7 |
| Arrow | Adjust focused slider by one step |
| Shift + Arrow | Adjust focused slider by 10 steps |
| Alt/Option + Arrow | Adjust focused slider by 0.1 step (fine) |
10. Audio Signal Flow
Per-Track Signal Chain
Sample/Synth → Filter → Saturation → Dry Gain → Reverb → Delay → Output
↓
Stereo Panner
↓
Mixer Compressor
↓
Master Low-cut Filter
↓
Master High-cut Filter
↓
Master Gain → Analyser → Speakers
Global Signal Chain
All tracks feed into a shared compressor, then through master filters and gain before reaching the output.
11. Installation & Offline Use
orDrumbox v2 can be used in three different ways:
1. Web Application
Simply visit the website in any modern browser. Note that an internet connection is required for the initial load.
2. Progressive Web App (PWA)
You can install orDrumbox directly from your browser:
- Desktop (Chrome/Edge): Click the "Install" icon in the address bar.
- Mobile (iOS/Android): Use "Add to Home Screen" from the browser menu.
Once installed, the application will have its own icon and window, and can function offline thanks to the integrated Service Worker.