v4.07 — Six Engines · Live in Your Browser

A Synth Studio D_{L}@WLESS Hardware Sound · Browser Playable · Zero Cost

Six synthesis engines. A piano roll sequencer. Drum patterns, chord progressions, and a full 90-minute set builder — built for techno, taught through play.

SUB 〜 303 ⌇ MOOG ∿ SEM ⊗ FM ≋ KS ⌁
Scroll to explore

It started with a squelch

In 1981, Roland built the TB-303 to help guitarists practise without a bassist in the room. It flopped immediately — it sounded nothing like a real bass. By 1984 Roland had discontinued it. You could pick one up for $50 in a pawn shop.

Then in 1987, a group of kids in Chicago called Phuture started turning the knobs the wrong way — cranking the resonance, sweeping the filter, feeding patterns the hardware was never designed to play. The sound that came out was something nobody had heard before. They called the track Acid Tracks. Ron Hardy played it four times in a row at the Music Box. Acid house was born.

That moment proved one thing: the best sounds come from experimentation. From asking "what happens if I do this?" and following the sound wherever it goes.

D_{L}@WLESS started as a 303 emulator. Then it grew. A second engine. A third. A piano roll. A drum library. A set builder. Six synthesis architectures — each a different way of understanding how electronic sound works. The 303 was the spark. This is the studio it became.

Six ways to make a sound

Each engine is a different physical model of how sound is generated. Pick one, load a patch, and the whole interface reconfigures around it.

Subtractive
SUB · Classic Dual-OSC
Two oscillators (sawtooth, square, triangle, sine), a biquad low-pass filter, resonance, ADSR envelope, and LFO. The foundational synthesis architecture — everything starts here.
Detroit soul · dark pads · stabs · drones
TB-303
303 · PolyBLEP + Diode Ladder
PolyBLEP oscillator fed through a 4-pole diode ladder filter — the exact topology of the original hardware. Accent and glide per step. The squelch is real.
acid · squelch · basslines · rave stabs
Moog Ladder
MOOG · Huovilainen Model
Huovilainen's transistor ladder — the algorithm that captures the warmth and self-oscillation character of a Minimoog. Pitch envelope, noise blend, and overdrive.
warm bass · self-oscillation · funk · lead
Oberheim SEM
SEM · TPT State-Variable Filter
Topology-preserving transient (TPT) state-variable filter with simultaneous LP, BP, HP, and Notch outputs. A morph knob sweeps the response continuously between all four.
hollow pads · notch sweeps · PWM textures
FM 2-Operator
FM · Modulator + Carrier
A modulator oscillator phase-modulates a carrier. Ratio controls harmonic character; index controls brightness at peak; modulator decay lets harmonics evolve per note.
DX7 bells · metallic stabs · electric bass · clangour
Karplus-Strong
KS · Delay Ring Physical Model
Noise burst into a delay ring buffer — the physical model of a plucked string. No oscillator. Tone filter in the feedback loop controls the brightness decay naturally.
plucked bass · tabla · wire hits · organic textures

Everything you need in one file

No DAW. No plugins. No setup. Open the HTML file and the whole studio is there.

Play — The Performance Surface

Live pads for kick, snare, bass, and chord stabs. Engine selector, knobs, FX strip, BPM control, and the Chaos Engine button — all reachable without switching screens. This is the view you perform from.

6 engines Live pads Reverb · Delay BPM ± ⚡ Chaos Engine

Sequencer — Piano Roll

A 16-step piano roll grid showing C3–C4. Click cells to set notes; click the accent row to add volume peaks; enable glide per step for 303-style portamento. Pattern bank A–D stores four independent sequences. Each progression has its own default CRAVE sequence — or write your own.

16-step piano roll Accent + Glide Pattern bank A–D Drum grid 4×16 Swing

Sounds — Patch Library

Patch presets organised by energy, BPM range, and engine type. Each one is a complete synth setup — oscillator waveform, filter character, envelope shape, drive level. Click to load; the engine and all parameters update instantly.

Multi-engine patches Energy tags BPM ranges Artist references

Progressions — Chord Library

Thirteen 4-bar chord progressions drawn from acid, Detroit, house, and rave — each with an explanation of how it feels on a dancefloor and when in a set to deploy it. Loading a progression sets the sequencer root and updates the chord stab engine.

13 progressions Intro / Journey / Peak / Comedown Scale + key shown Dancefloor context

Drums — Pattern Library

A reference library of 16-step TR-style patterns: kick, snare, closed hat, open hat. Each pattern includes its origin, BPM range, and a "when to use" guide — from 4-to-the-floor anchors to broken industrial grids. Load any pattern into the live sequencer with one click.

Multiple patterns 4×16 TR grid Origin + BPM tags One-click load

Learn — Signal Flow Diagrams

SVG signal flow diagrams for all six engines — rendered inline, no external assets. Each diagram shows how signal moves through the architecture: oscillator → filter → envelope → output. Includes a synth glossary, pattern anatomy guide, and chord progression theory.

6 SVG diagrams Synth glossary Pattern anatomy Chord theory

Workflow — 90-Minute Set Builder

A 33-block set structure covering Intro → Journey → Builder → Peak → Comedown. Each block specifies BPM, engine, patch, progression, drum pattern, and performance notes. Includes a drop anatomy card and five failure-mode recovery strategies for live situations.

33 blocks · 90 min 5 phases Drop anatomy Failure modes

Settings — Export & Share

Export your current patch as a shareable preset. Import patches from others. Adjust global settings. The settings tab gives you persistence — save a sound you've built and bring it back next session.

Patch export Preset import Global config

A real studio.
Not a toy.

🎛️
Real DSP Synthesis
Every engine runs real audio algorithms — PolyBLEP anti-aliasing, Huovilainen's transistor ladder, TPT state-variable filters. The same mathematics as hardware synths, running in your browser's Web Audio API.
🎹
Piano Roll Sequencer
A proper 16-step grid with note selection, accent velocity, and glide portamento. Write the bassline the hardware way — click a cell, hear it immediately, loop it, refine it.
🥁
Drum Machine
A 4×16 TR-style grid with kick, snare, closed hat, and open hat. Swing control. A reference library of named patterns you can load, study, and modify.
🎵
Chord Progressions
Thirteen real progressions from the history of electronic music — each with the scale, chord names, energy rating, and a dancefloor explanation. Load and hear the difference instantly.
📐
Engine Signal Diagrams
Inline SVG diagrams showing signal flow for all six synthesis architectures. Not abstract theory — actual maps of how your sound is being built, right there in the browser.
⏱️
90-Min Set Builder
A complete live performance structure: 33 two-minute blocks, five energy phases, drop anatomy, and failure-mode recovery guides. Think in sets, not just sounds.
Bonus Feature

⚡ The Chaos Engine — Hold for Dougal Mode

A red button on the Play tab. Quick tap: randomises the sequencer pattern and patch parameters while keeping your engine. Hold two seconds: full Dougal mode — random engine, random patch, new sequence, rebuilt drum grid, new BPM, new FX levels, new progression. A full-screen warning builds across the hold time. Release before two seconds to abort. The best sounds come from experimentation — this accelerates the timeline.

You'll learn real theory
without realising it

1

What's a synthesis engine?

It's the mathematical model that creates your sound. Subtractive synthesis starts with a harmonically rich wave and removes frequencies with a filter. FM synthesis creates new harmonics by having one oscillator modulate another. Karplus-Strong physically simulates a vibrating string. Each engine has a different character — and learning to hear the difference is the first step to understanding sound design.

2

What's a filter?

Every sound is made of frequencies — low rumbles, mid tones, high sparkle. A filter removes some of those frequencies. Turn the cutoff down: dark, muffled. Turn it up: bright, cutting. Crank the resonance: it starts to scream. That screaming resonant sweep is the classic acid sound — one knob, turned the "wrong" way, created an entire genre.

3

What's a chord progression?

A sequence of chords that repeats and creates emotional momentum. A minor progression sounds dark and propulsive. A major one sounds open or joyful. In electronic music, the same 4-bar loop plays for minutes at a time — the emotional colour of those four chords is the entire journey. Load different progressions and feel how the same bassline transforms.

4

What's an envelope?

How a sound changes over time. Attack: how fast it starts. Decay: how fast it drops from its peak. Sustain: the level it holds while a note is held. Release: how long it fades after the note ends. Short decay, low sustain = punchy techno stab. Long attack, long release = evolving pad. Four knobs that control the entire shape of every sound.

5

What's a set structure?

A live electronic set isn't random — it follows an energy arc. You build from a hypnotic intro, through a journey that introduces tension, to a peak where the room is fully committed, then a comedown that lets people breathe. The Workflow tab maps this as 33 two-minute blocks so you can plan the arc, or use it as a real-time reference during a set.

Example — How a progression creates mood
Am
G
F
E
This is the Am–G–F–E Phrygian descent — Am grounds you, G pulls back, F lifts briefly, and E creates a half-step drop back to Am that sounds menacing and inevitable. It's the spine of some of the most tension-filled acid and techno records ever made: I've Lost Control by Sleezy D, the DNA of early industrial techno. The Dm–Bb–F–C progression you'll find in the app creates that hypnotic 3am feeling. Am–Em–Dm–Em is almost pure dread. Each progression creates a completely different emotional world — same drums, same synth, different four chords.

Ready to make
some noise?

No installs. No sign-up. No cost. Six synthesis engines, a full sequencer, and a chaos button that will throw you into unknown territory — exactly like turning knobs you weren't supposed to.

▶ Launch D_{L}@WLESS
Created By
Neville Lawless

I built this project to teach myself. I've spent 30 years playing music, Violin -> Orchestra->Guitar->Heavy metal (Will grow out of if eventually Mam) and now synths, drum machines, and turntables — I know what sounds right and what a good groove feels like. But I wanted to go deeper. I wanted to understand why a minor chord sounds dark, why a filter sweep makes people move, why certain drum patterns carry more weight than others.

D_{L}@WLESS started as a single 303 emulator and grew into something I didn't plan — a full synthesis studio covering six different engine architectures, a live performance workflow, and a built-in theory course. The process of building it was the lesson.

The coding was done primarily by Claude (Anthropic's AI), working from my direction, my design vision, and my music knowledge. I described the sounds I wanted, the workflows that make sense on a stage, the aesthetic of a dark room at 3am — and Claude translated that into thousands of lines of working DSP code. A human ear and an AI mind, building something neither could have made alone.

A Gift
This was meant to be finished for Brendan's due date — March 3rd, 2026. A little piece of his dad's world, waiting for him on the day he arrived.
But Brendan had his own schedule. He's already here — three weeks early, safe and sound, and in my arms as I write this.
The version started at 3.03 — for 3/03. His day.
The music can wait. He can't.
Creator & direction: Neville Lawless
Code & synthesis engine: Claude (Anthropic)
For: Brendan — welcome to the world, little man.
1000076706.jpg

D_{L}@wless_Sounds

Just drop it Carl

 

  • Built for live hardware synth performance.

  • Geared towards gaining a better understanding of Music theory that sits hidden behind our sonic nonsense.

  • 909 esque style drum sequencer

  • Bass: full WAAX-style subtractive synth engine.

  • 6 synthesis paths · draggable rotary knobs.

  • 100% offline · single HTML file · no dependencies