LABS
Interactive experiments & their source
A playground for the 3D, canvas and shader pieces scattered across this site — each one isolated as a live, tweakable demo with its source code in plain sight.
| 87K | 3d-css | 3 exp · 2,678 lines |
|---|---|---|
| 18K | css | 1 exp · 536 lines |
| 95K | hud | 4 exp · 3,335 lines |
| 55K | shaders | 3 exp · 1,692 lines |
| 12K | scroll | 1 exp · 414 lines |
| 38K | svg | 1 exp · 1,208 lines |
| 305K | total | 9,863 lines |
13 experiments · 43 files · 9,863 lines · 305K
3D CSS3 experiments · 2,678 lines
- 3D ComputerA retro computer workstation built entirely with CSS 3D transforms — no WebGL, just perspective and transform-style: preserve-3d.
- 3D Server RackA stacked server rack in CSS 3D with deterministic, seed-driven status LEDs — resize it, reseed it, spin it around.
- Split-Flap BoardA departure board in CSS 3D: every flap turns forward through its drum until it lands on its letter, four half-cards and two hinged leaves per character.
CSS1 experiment · 536 lines
HUD4 experiments · 3,335 lines
- Glitch Signal MapA Canvas 2D signal grid with a per-cell state machine, pulsing accents and glitchy recalibration — throttled to 30fps.
- Cybernetic Glyph GridA Canvas 2D grid of hex pairs and glitch glyphs that pulse, flicker and re-randomize on a deterministic timer.
- Fake ConsoleA log reel that rolls in one seeded line every 500 ms — ten LCG draws a line, the DOM written by hand, no React render per line.
- System Metrics PanelA telemetry HUD whose six meters wander ±1 a tick on fixed drift sequences — no random numbers, a pure function of the tick.
Shaders3 experiments · 1,692 lines
- Film Grain ShaderThe paper's film grain — one signed hash per physical pixel — drawn live in WebGL beside the 128 px tile the site bakes from the same function.
- Mesh GradientAn animated mesh-gradient background: three drifting colour blobs, a vignette and optional film grain, all in one fragment shader.
- ASCII RaymarcherA signed-distance scene raymarched once per character cell and printed as real text: each cell's brightness picks a Doto glyph from a ramp.
Scroll1 experiment · 414 lines
SVG1 experiment · 1,208 lines
19 directories