KNOWLEDGE NETWORK ← Video Synths
Video Synth · Installation study 06

Light Grid

White light on black: a lattice of squares that rotate, breathe, open into outlines, run as bars, flip like a checkerboard and ripple into moiré rings, all driven by one travelling wave. Hold the pointer to turn every square into a circle. Every edge is drawn by a signed-distance function in the fragment shader, so it stays sharp at any size, including full-screen.

Movement
Wave source
Stage

Move over the stage to move the wave source · press and hold to morph squares into circles · keys 1–6 pick a movement, 0 = auto. The microphone starts only when you press Mic; audio never leaves your device.

How it works

One pass, no geometry. The whole image is a single full-screen fragment shader. Each pixel works out which grid cell it is in and its position inside that cell, then asks one question: how far am I from the edge of this cell's shape? The shape is a rounded box, length(max(|p| − b + r, 0)) + min(max(qₓ, q_y), 0) − r. With corner radius r = 0 it is a square, and with r equal to half the side it is a circle, so Square → circle is one continuous number, not a swap. Coverage comes from that distance with a one-pixel smoothstep, which is why edges stay clean from phone to projector. Fill ↔ outline blends the solid shape with a band around its edge, |d| < weight/2.

The wave. Every movement is driven by s = ½ + ½·sin(k·d − ωt), where d is the cell's distance from the source (the pointer, the centre, or a plane sweeping left to right), k is set by Wave length and ω by Wave speed. Rotate turns each square by s·90°; Breathe scales it; Outline opens diamonds on a second, faster wave; Bars run a travelling sine along the columns; Checker offsets alternate cells by half a period, so neighbours move in counterphase; Rings sets brightness from concentric bands, which beat against the grid as moiré.

Auto plays the six movements in order, holding each for the Auto cycle time and cross-fading every parameter over the last 20% of it, so the grid is never cut, only transformed. A rotated square is shrunk just enough to stay inside its cell (side ≤ 1 / (|cos θ| + |sin θ|)), so nothing is ever clipped at a cell boundary. With Mic on, the room's loudness (RMS of the analyser's waveform, smoothed) is added to every shape's size.

Lineage

A study in the language of NONOTAK Studio (Noemi Schipfer and Takami Nakamoto): black and white, geometry as light, the grid as instrument. It is not a recreation of any specific work, and it is not affiliated with the studio.

Limits