Overdrive

A pedal-style distortion. A band-pass filter picks what is pushed into the soft clip, so the lows do not turn to mud. It is a device: a state, a panel, an engine and tools, each its own file.

Installation

bunnpmpnpmyarn
Copy
pnpm dlx shadcn@latest add @audio-ui/overdrive

Controls

Panel

The panel draws the band-pass that picks what reaches the clip, with a handle on its centre. overdriveBand(state) is the curve it draws.

Copy
import { OverdrivePanel } from "@/components/audio-ui/devices/overdrive/panel";
import { overdriveDevice } from "@/components/audio-ui/devices/overdrive/device";

const [state, setState] = useState(() => overdriveDevice.defaults());

<OverdrivePanel onValueChange={setState} value={state} />;

Engine

Create it, connect it and update it as for any device: see The engine.

Only what the band-pass lets through goes into the clip, and the clean sound goes round it in the dry path. The drive is a gain before one fixed soft-clip table, and the shaper oversamples 4x to keep the clip from aliasing. That oversampling is the latency of the device.