The Lab
Background effects, running live
Each one is a working build with the prompt that produces it and honest numbers on what it costs.
- Demo 01WebGL fragment shaderThe slow colour meshOne WebGL fragment shader, no libraries. Domain-warped noise blends seven colours on a one-minute cycle.
- Demo 02Pure CSSLiquid chromeSix silver blobs on a hard blur, snapped back to solid edges by an extreme contrast pass, so they merge, neck and pinch apart like mercury. Pure CSS.
- Demo 03WebGL2, ray-tracedThe event horizonA ray-traced, gravitationally-lensed black hole. The arch above and the bowl below are one disk, seen along bent light.
- Demo 04three.js sceneReal 3D with three.jsA faceted metal object that catches coloured light on its edges, turns slowly, and leans toward your cursor.
- Demo 05Canvas 2DThe constellation fieldCanvas 2D, no library. Thousands of specks on a flow field, a hundred brighter nodes linking to their neighbours, and the whole thing leaning toward your cursor.
- Demo 06CSS transform on an imageA still with slow motionOne image and six lines of CSS. It travels a few percent across 48 seconds, out and back, and you never catch it moving.