KNOWLEDGE NETWORK ← Index
Instrument Family · Generative · Interactive

Video Synths

Everything on this site that makes images live — eleven pieces where form, colour and motion are computed every frame instead of drawn. Six are installation studies: full-frame WebGL works built in the language of museum and festival pieces — point-cloud scans, a real photogrammetry reconstruction, displacement sheets, particle fluids, pure data, a grid of light. Five are instruments: smaller, knob-driven tools that share one colour engine.

Installation studies WebGL 2 · best full-screen

Point Cloud Scan

3D · Points

Terrain, a vaulted nave, a tree, a knot — or your own image as depth — sampled into up to 480k points, swept by a scanning plane and eroded by a noise-field decomposition front.

Open →

Displacement Field

3D · Lines

A hidden-line sheet lifted by fractal noise, wave interference, a photo, your camera, or the room’s sound as a scrolling spectrogram landscape.

Open →

Latent Flow

GPU · Particles

Up to a million particles in a divergence-free ABC fluid flow, pouring in and out of a sphere, torus, wave or ribbon. Stir it with the pointer.

Open →

Data Matrix

2D · Data

Pixel-exact black and white: scrolling barcodes, binary fields, waveform plots and a perspective data plane, cut on a hard clock, with optional sine-and-click sound.

Open →

Light Grid

2D · Grid

White light on black: squares that rotate, breathe, open into outlines, run as bars, flip in counterphase and ripple into moiré rings on one travelling wave. Hold to turn them into circles.

Open →

Photogrammetry Scan

3D · SfM

A real Structure-from-Motion reconstruction — a downtown block as 225k coloured points and 251 solved cameras. Orbit it or ride the capture path; drop your own .abc or .ply.

Open →

Instruments Canvas & WebGL · shared knob + palette kit

Palette Synth

Color

Twelve knobs across three cosine channels generate a full smooth color gradient live. The family's color engine, and the first instrument built.

Open →

Additive Wave Sculptor

Wave

Eight harmonics summed into one waveform, playable as real audio through a Web Audio PeriodicWave built from the same coefficients.

Open →

Lissajous / Harmonograph Plotter

Form

Two axes, each a two-term sine sum, plotted against each other with a damping knob for the classic decaying-rosette harmonograph look.

Open →

Spectral Visualizer

Wave

Real-time FFT spectrum analyzer and waveform oscilloscope, driven by your microphone, an audio file, or an internal oscillator.

Open →

Complex-Plane Fractal Mapper

Form

Mandelbrot and Julia sets, z → z^power + c, colored with Palette Synth's cosine-gradient formula. Drag the picture to pan or set the Julia constant.

Open →

How the family fits together

Every piece is a fully self-contained single .html file. The five instruments share two things instead of rebuilding them: the knob/range-slider control and Palette Synth's cosine-gradient colour formula a + b·cos(2π(c·t + d)), both in /assets/visual-synth-kit.js. The installation studies don't load the kit, but reuse the same formula inside their shaders — Latent Flow colours up to a million particles with it; Point Cloud Scan uses it for depth and thermal colour.

The studies are in conversation with the scan-, data- and light-based installation work of Ryoichi Kurokawa, Refik Anadol, Ryoji Ikeda, NONOTAK, Ouchhh and fuse*. They study a visual language; they are not recreations of specific works and are not affiliated with any of those artists. Each study's page explains its maths, its lineage and its limits.

Retired: Audio-Reactive Diffusion (unreliable on many GPUs) now lives in the archive.