Distortion

Bends the sound. The more the drive, the more the peaks round off. 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/distortion

Controls

Panel

The panel draws the transfer curve, the output for each input, against the straight line of a clean sound. softClip(input, drive) is the clip and distortionCurve(state) is the whole curve with the mix and the output.

Copy
import { DistortionPanel } from "@/components/audio-ui/devices/distortion/panel";
import { distortionDevice } from "@/components/audio-ui/devices/distortion/device";

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

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

Engine

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

The drive is a gain before one fixed soft-clip table, so turning it never rebuilds the table. The shaper oversamples 4x to keep the clip from aliasing, which is the latency of the device.