Lab

The home hero, unchanged, over eight backdrops. Open each; the switcher on every page goes to the next. Six are shaders lifted verbatim from react-bits and hosted in raw WebGL, two are Three.js scenes. Every page states what it weighs and what it reacts to. Behind this page: Aurora.

  1. AuroraSlow bands of light in the site's own colour language: blue where a result held, amber where it is unclaimed, red where it did not hold. The calmest of the eight and the easiest to read text over.11.6 KB gzipped
  2. Light raysVolumetric rays from above the page in the signal colour, leaning a little toward the pointer. Cinematic without being loud; the scrim keeps the reading column dark.11.6 KB gzipped
  3. SilkA slow fabric of deep teal with fine grain. Closest in spirit to the v5 atmosphere: the whole ground moves, nothing on it does.11.6 KB gzipped
  4. ThreadsForty fine lines of signal drifting across the page, thickest where they gather. The heaviest fragment shader of the set, so it renders at reduced resolution.11.6 KB gzipped
  5. Dark veilA neural-network-generated field (a CPPN evaluated per pixel) with faint scanlines. Organic and slightly uneasy, which suits a site about probes that lie.11.6 KB gzipped
  6. IridescenceOil-on-water interference in a cool palette. The loudest of the shaders; the scrim is doing real work here.11.6 KB gzipped
  7. HyperspeedA night road with car lights streaming in both directions, recoloured to the site's palette: red and amber leaving, blue and grey arriving. Three.js with bloom; the heaviest page of the set by far.210.1 KB gzipped
  8. Manifold9,216 points (96 × 96) on a surface that breathes; the points near the zero crossing, the decision boundary, glow in the signal colour. The home hero's field, in depth: as the hero scrolls away they collapse onto the ROC curve.133.3 KB gzipped