


Wanted to see what Fable could one shot, and this is what it created for me in about 20 mins; used about 40% in the initial creation
note this is just for personal use only; gives me something to blow off steam while i take a break from vibe coding. I had brainstormed the idea previously on my own; as I have owned previous instruments and DAW's, took the idea to Opus and asked it to strategically create a prompt that covers all my needs, I also told it to make note of my Fable usage ( I'm only using a Pro acccount, 5 hr block then resets ) and if it cannot finish the one shot attempt, make me a save state and a session summary / filepaths bookmark / errors log with a Terminal command that saves these notes onto Obsidian, notes are created so if project isn't done, Claude can read and pick up exactly where I left off. I was so excited with the idea that I left off the wav splicer and mixing console features, that addition took anothee 40% of usage, spent the last 20% praising Fable / Claude for an INCREDIBLE job it did for me
SG-16 SIGNAL — Detailed Features Breakdown
Overview
SG-16 SIGNAL is a browser-based hardware-inspired sampler & groovebox that brings classic SP-1200 and TR-808 aesthetics to the web. Everything runs client-side in pure HTML/CSS/JavaScript with Web Audio API—no plugins, no server dependencies, no subscription. Load samples, sequence beats, sculpt sounds, mix, and export your session.
Core Features
1. 16-Pad Sampler with Full Waveform Editor
- 4×4 grid layout inspired by classic MPC/Maschine pads
- Drag-and-drop sample loading or direct upload from your DAW bounces
- Waveform editor with:
- Visual start/end trim markers (drag to adjust)
- Transient detection (auto-find drum hits)
- Manual slice placement (tap/click to mark slice points)
- Auto-chop (quick grid division: 2, 4, 8, 16 slices)
- Slices-to-pads workflow (convert slices into individual playable pads)
- Real-time waveform canvas with zoom/scroll support
- Each pad stores: name, pitch offset, sample start/end, vintage filter mode, choke behavior
2. Drum Kit System
- Multiple drum kits loadable with one click
- Kit presets store complete pad setups (808, 909, acoustic, custom)
- Switch between kits without losing your current sequence
3. Step Sequencer (Drum Patterns)
- 16-step pattern grid with live triggering
- Color-coded step caps (red, orange, yellow, cream) matching classic TR-808 lineage
- 4 rows representing 4 drum sounds
- Visual feedback: lit pad shows currently playing step
- MIDI learn compatible (map pads to hardware controllers)
- Pattern modes: 1/4, 1/8, 1/16 note subdivision support
- Choke groups (e.g., open/close hi-hat layering)
4. Synth Sequencer
- Polyphonic synthesis (16+ voices)
- Step grid for melodic sequences (not just percussion)
- Synth modes:
- Wavetable synthesis
- Sub-oscillator layer
- Tuned/untuned percussive hits
- Per-step parameter control (pitch, amplitude, effects)
5. Analog-Style Mixer Console
- 7-channel mixing strip (DRUMS, SYNTH, returns, master)
- Per-channel EQ (3-band: HI/MID/LO with dedicated freq knob)
- Stereo panning (L/C/R with visual feedback)
- Level faders (0–125% gain)
- Mute/Solo buttons with visual indicators
- Reverb send (wet/dry control)
- Real-time audio metering and level automation
6. Filter & Modulation
- Vintage filter modes (inspired by classic SP-1200/TR-filters)
- Resonance peak control (0–11 range)
- Cutoff frequency sweep
- ADSR envelope per pad (Attack, Decay, Sustain, Release)
- LFO modulation (optional on selected parameters)
- Pitch bend on sample playback
7. Effects Rack
- Built-in reverb with mix control
- Bit-depth reduction (lo-fi/8-bit crunch)
- Sample-rate reduction (aliasing/downsampling for vintage vibe)
- Vinyl crackle overlay
- Saturation/compression on master
8. Performance Controls
- Transport buttons: PLAY, STOP, REC (with visual LED feedback)
- Tempo control (BPM knob, 40–180 range)
- Master level output gain
- LCD display with:
- Real-time song position/meter
- Current sample name & pad info
- Status messages (e.g., "TRANSIENTS FOUND", "CHOP x8")
9. Waveform Analysis Tools
- Transient detection algorithm (energy envelope + peak finding)
- Auto-identifies drum hits within selected range
- Limits to 15 slices (prevent over-chopping)
- Manual marker placement (click waveform to add slice)
- Marker deletion (click existing marker to remove)
- Smart slice placement (respects start/end bounds, prevents overlaps)
10. Session Management
- Auto-save to localStorage (no cloud required, session persists across refreshes)
- Full session state stored:
- All 16 pads (audio + metadata)
- Mixer settings
- Sequence patterns
- Synth patches
- Effects states
- Export as JSON (backup, share setups with friends)
11. Hardware-Inspired Design
- Authentic physical modeling:
- Brushed steel chassis with threaded screws (inset top/bottom corners)
- Warm grey panel (SP-1200 color palette)
- Deep blue silkscreen text
- Red/orange/yellow/cream step button colors (TR-808 inspired)
- Mechanical knobs with line indicators
- LED indicators with glow effects
- 3D button press animations
- LCD screen with amber/black monospace text
- Responsive layout: adapts to desktop, tablet, mobile (sidebar drawer on small screens)
Under the Hood
Audio Engine
- Web Audio API for synthesis & processing
- AudioContext with sample-rate negotiation (44.1k–96k support)
- Polyphonic voice allocation (16+ concurrent notes)
- Real-time buffer processing (no latency headroom issues)
- Waveform rendering via Canvas 2D
State Management
- Single-source-of-truth state object (all settings centralized)
- Delta persistence (write changes to localStorage only when modified)
- Full serialization of audio buffers as base64 (WAV format)
Performance Optimizations
- Lazy waveform rendering (canvas only redraws when needed)
- Debounced slider updates (reduces redundant audio graph updates)
- Event pooling for pointer/touch handling
- Memory caching of crushed samples (bit-depth reduction pre-computed)
Workflow Examples
Beat-Making
- Load a drum kit (kicks, snares, hats)
- Program a 16-step drum pattern
- Tweak kick filter cutoff on the mixer
- Toggle reverb send on the snare
- Play & adjust in real-time
- Export JSON or audio bounce
Sample Chopping
- Load a vocal loop (drag-and-drop)
- View waveform, tap to mark slices
- Hit "Slices > Pads" to populate empty pads
- Sequence the sliced pads in the step grid
- Add filter automation for melodic effect
Sound Design
- Load a snappy drum hit
- Adjust vintage filter (cutoff + resonance)
- Tweak ADSR envelope (shorter attack for hi-hats)
- Add reverb send for space
- Dial in bit-depth reduction for lo-fi crunch
*PATCH EDIT; added tools*
SG-16 SIGNAL — Updated Features (July 2026)
A browser groovebox just got four massive upgrades. Here's what shipped:
NEW: Audio Recorder / Bounce-to-WAV
The #1 gap is now closed: capture your mix to a file.
- Hit REC (or press
R), play your beat, hit STOP → instant WAV download - Records the master output post-limiter, so everything you hear gets captured — pads, synths, reverb, and performance FX all baked in
- Elapsed time displays in the LCD:
REC 00:04 - Auto-named files:
sg16-120bpm-<timestamp>.wav(16-bit stereo, 44.1k–96k) - 6-minute safety cap per session (prevents runaway files)
- No server, no uploads — your audio stays on your machine
NEW: Song Mode — Pattern Chaining / Arranger
Turn the loop machine into a track machine.
- 8 pattern slots (A–H): SAVE the live grid to any slot, LOAD it back, or CLEAR it
- Build a chain: tap
+ CHAINmode, then tap slots to append them — your song becomesA×4 B×4 C×2 D×1…visible as a reorderable row - Two transport modes: PATTERN (loop the live grid, classic behavior) or SONG (play the chain)
- Live grid never clobbered: SONG playback reads the snapshots directly; edit the live grid while the song runs
- Loop or stop at chain end: LOOP ON wraps, LOOP OFF halts transport when done
- Phase-accurate advancement: pattern changes happen at bar boundaries, sample-locked to the sequencer
- LCD shows context:
SONG A 2/4 [1/3](slot, current repeat / total reps, chain position) - UI: new SONG tab with bank, chain builder (reorder with ‹›, adjust reps with ±, delete ✕), and transport controls
NEW: Performance FX — Master Bus Live Effects
Four momentary/latching effects that process the master in real time. Insert order: MASTER → FILTER → STUTTER → TAPE → GATE → LIMITER (limiter stays last).
Filter Sweep
- Resonant lowpass on the master, full-open = transparent bypass
- Cutoff knob (120Hz–16kHz log) + Resonance (0.5–16)
- Toggle ON/OFF to engage/disengage
Beat Repeat / Stutter (Hold-to-Repeat)
- Hold a button to freeze the master output and loop it — classic SP-1200 behavior
- Captures a short slice (~1/16th of a bar) and recirculates it while held
- Release to exit cleanly
- Rate selector: 1/4, 1/8, 1/16, 1/32 note division
- Retunes live when you change BPM (no awkward skips)
Tape Stop (One-Shot Spin-Down)
- Emulates the analog feel of a tape machine slowing to a halt
- Technically honest: ramps a delay-time curve to pitch the audio down to silence over 0.25–2.0 seconds (knob-selectable)
- Pairs with a closing lowpass and volume fade for authenticity
- Note: this is an emulation, not true varispeed — Web Audio doesn't support master playbackRate
Gate (Trance Chop)
- Rhythmic amplitude gate synced to your tempo
- Toggles ON/OFF (latching)
- Rate: 1/4, 1/8, 1/16, 1/32 note division
- Depth: how much the gate chops (0–100%)
- Starts its cycle aligned to the next step boundary when you engage it during playback
True-Bypass Design
- Every effect is off by default, dry/wet crossfade when engaged
- All FX off = tone-identical to the original wiring (pure gain nodes, zero color)
- Recorded: the REC button captures all FX in the master output
NEW: MIDI Routing Modes
Web MIDI input just got smarter. Three routing behaviors, choose your workflow:
AUTO (original behavior preserved)
- When SAMPLER is armed: incoming notes 36–51 fire the 16 pads
- When SYNTH is armed: incoming notes play the armed voice
- Maintains 100% backward-compatibility with existing MIDI setups
PADS (force pad triggers)
- Notes 36–51 (standard MPC/GM drum range) always fire the sampler pads
- All other notes play the armed synth voice
- Lets you control both pads and keys from one keyboard
KEYS (force synth playing)
- All incoming notes play the armed voice, regardless of which synth engine
- Pads are never triggered from MIDI
- Pure melodic control
Enhanced Device Readout
- LCD shows connected device name + count:
MIDI: AKAI MPK MINI (+2) CONNECTED - Detects hotplug events (connect a controller mid-session, it appears immediately)
- Graceful fallback if your browser doesn't support Web MIDI
Why This Matters
✅ No installation — open in browser, start making instantly
✅ Privacy-first — all audio stays on your machine (localStorage only)
✅ Authentic hardware feel — respectful skeuomorphism, not over-designed
✅ Deep editing — waveform slicing, filter automation, transient detection
✅ Professional audio — full 16-bit/44.1k–96k Web Audio pipeline
✅ Portable — session files as JSON (share beats, collaborate)
✅ Fast — pure client-side, no API calls, instant response