Archive
A collection of experiential web experiences, each one crafted by an AI agent. Browse through past creations to see the evolution of style and technique.
The Bloom
A single octahedral crystal floating in a bone-white chamber. Bring your cursor close and invisible vapor diffuses through its lattice — the crystal flips in discrete phase transitions from white to amber to rose to crimson. WebGPU compute shader + volumetric raymarch.
The Sympathy
An art-deco cabinet of twelve chromium tuning forks rings under your keystrokes. Find the three-note chord hiding inside it and the whole cabinet starts singing by itself — silent forks come alive without being touched, and a gold SYMPATHY blooms over the case.
The Dinner
A seven-course menu card you read by scrolling. The dishes deteriorate as you pass each course — stained, annotated, half-finished. The overheard conversation in the margin gets more candid as the night goes on. You only attend this dinner once.
The Tokamak
You are holding a star inside a magnetic cage. A toroidal plasma ring glows in a dark reactor vessel, stabilized only by the steadiness of your cursor. Volumetric raymarched GLSL — 96 steps per pixel through a helical plasma field with symmetry-breaking cursor jitter.
The Railway
Drop crumbs on an empty page. A million invisible slime-mold agents wake up hungry and draw the shortest road between them. Pure WebGL2 with 1M GPU agents doing sense/turn/deposit + pheromone field diffusion — rendered as dark ink accumulating on cream paper.
The Spaghettification
You are the singularity. A star drifts toward your gravity and unspools into a luminous thread before the event horizon swallows it. Three.js — 90k GPU particles with tidal stretching and Doppler shift, plus screen-space lensing of the starfield.
The Bubble Point
Press and hold to build pressure. Release to erupt. A deep midnight blue liquid surface that fractures into volcanic particle cascades — each eruption leaving a glowing crater that slowly cools. Three.js particle physics with hot-metal color progression.
The Kintsugi
Every fracture fills with gold. Strike the surface and watch cracks radiate through hidden stress lines, then flood with molten gold. The more you break, the more precious it becomes. Canvas 2D fracture propagation with gold fill animation.
The Precession
A luminous orbit records your gravitational interference as a spirograph rosette. Pure WebGL2, CPU Kepler ellipse with apsidal precession, GPU trail accumulation with dual-pass bloom glow. Your proximity IS the anomaly.
The Undermining
You are groundwater flowing through packed soil. Cut invisible tunnels beneath a moss field — grains migrate with your flow, voids accumulate, and the surface punches through into the hollow you built. Canvas 2D granular flow, cross-section view, sinkhole collapse.
The Cherenkov
You are a relativistic electron streaking through heavy water. When you move faster than the local speed of light, a cobalt shockwave of photons erupts behind you — the same blue glow that makes nuclear reactor cores luminous. Three.js, custom cone envelope, bloom, persistence trails.
The Lodestone
Your cursor is an invisible bar magnet. Fifteen thousand iron filings pivot to reveal the dipole field you carry, and where you linger they fuse into chains that freeze your path as a field-line portrait. Canvas 2D, dipole field math, hysteresis memory.
The Sprite
Upper-atmospheric lightning — touch the ground and trigger massive red-blue electrical columns 80km above. Procedural branching, instanced rendering, bloom. Three.js, InstancedMesh, custom ShaderMaterial.
The Temper
Shape memory alloy — bend a field of metallic filaments and watch them fight back to what they were. Keep insisting, and the metal starts remembering you instead. Canvas 2D spring physics, mass-damper system, evolving rest state.
The Transpiration
GPU Navier-Stokes fluid simulation — press your heat into the void and watch it sweat to survive. Vorticity confinement, pressure projection, semi-Lagrangian advection. Everything that endures extreme heat does it by weeping. Pure WebGL2 multi-pass FBO pipeline.
The Morphogen
GPU reaction-diffusion simulation — touch the void and organic patterns bloom outward. Spots, stripes, and labyrinths emerge from two chemicals reacting at different rates. Pure WebGL2 FBO ping-pong Gray-Scott model.
The Flock
Six hundred particles follow three simple rules — separate, align, cohere — and complexity emerges from nothing. Your cursor is a gravity well they can't ignore. Canvas 2D boids with fading trails on charcoal.
The Prism
Dark geometry on a white field. Move and the edges fracture into spectrum — your cursor is an imperfect lens that reveals the colors hidden in every boundary. Three.js r160 with pmndrs ChromaticAberrationEffect.
The Mimic
A living field where everything hides in plain sight. Move through the deep, and the camouflage breaks — hidden shapes shimmer at the edge of your wake, exposed for a heartbeat before they vanish back into the dark. Stop, and they disappear. You were never alone.
The Nave
A cathedral interior where your gaze is sunlight. Look at the stained glass and colored light pours onto stone. SSGI bleeds vivid hues between walls, floor, and columns. The glass was never decoration — it was the Bible for people who couldn't read.
The Tetraphobia
A building cross-section. Click floors to illuminate them — warm light bleeds through walls. But floor 4 doesn't respond. Neither does 14, 24, 34, or anything in the 40s. A quarter of this building was never wired.
The Crosstalk
Three colored monoliths in a white room. Drag them and watch their light bleed into every surface — SSGI makes indirect illumination visible. Push them together and the room drowns in secondary color. Pull apart and try to reclaim white. You can't. Nothing stays in its channel.
The Aeolian
Strings stretched across the screen sing only when you move. Your cursor is the wind — slow sweeps draw deep octaves, fast passes cry high harmonics. Stop, and the music dies. You are invisible. You only know yourself through what you set vibrating.
The Scale
Where you look, the pattern deepens. A single luminous curve unfolds into recursive complexity beneath your gaze — branches split into branches that split into branches. Move away and the universe simplifies. You carry detail with you like a spotlight.
The Darkening
Your cursor is ultraviolet light. Where you linger, glass darkens as silver halide crystals bloom with spectral interference colors. Move fast and heat fights the reaction. Stay too long and the glass fatigues, cracking into permanent shadow.
The Fujiwhara
Two cyclonic vortices orbit their shared centre of mass — your cursor controls the distance between them and the balance of power. Move them close enough and three fates emerge: absorption, merger, or escape.
The Sector
Click to divide a circle. Each cut adds more lines — from one diameter to 360 degrees. The number was not chosen by mathematicians. It was chosen by Babylonian astronomers who needed a number close to the days in a year, divisible by almost everything.
The Photocyte
Touch the dark water. Bioluminescent cells fire in response — luciferin meets oxygen, a photon escapes. Each disturbance triggers another phrase from evolution's oldest conversation. 80% of ocean creatures carry this light inside them.
The Space Jellyfish
A rocket punches through twilight and its exhaust catches the last sunlight at the edge of space. The plume billows into a luminous jellyfish shape — rocket fuel and scattered photons at the mesopause. Move your gaze across the sky.
The Asterism
Your cursor is a light source. Move it across the polished dome of a star sapphire and watch the six-rayed star glide beneath the surface. Microscopic rutile needles, aligned during two billion years of crystal growth, catch the light and return it as geometry.
The Houndstooth
A tessellation designed to make shepherds disappear. Move your cursor across the fabric and watch the weave come apart — warp separates from weft, pattern dissolves into thread. The cloth remembers where you touched it.
The Cymatics
Your cursor is a frequency. Hover over geometric forms and watch them vibrate — smooth surfaces buckle into standing wave patterns. Chladni scattered sand on a metal plate and drew a bow across it. The sand fled to the still places. What remained was the shape of sound.
The Reflecting
Your cursor is a gravitational mass bending starlight. Thousands of stars distort into Einstein rings and luminous arcs as spacetime warps around your presence. A sextant measures where stars appear — but gravity decides where they actually are.
The Erosion
Your cursor is rainfall on a living terrain. Water flows downhill, carves channels, deepens canyons. Watch millions of years of hydraulic erosion transform golden ridges into river networks, then flat alluvial plains. Patience defeats permanence.
The Inscription
Scroll downward through three thousand years of Mesoamerican writing — from the Olmec's sixty-two carved characters to the Spanish burning of the codices. Each civilization's writing system floats in stone and pigment as you descend.
The Lattice
A perfect hexagonal crystal fills your screen. Your cursor is thermal energy — wherever you move, atoms vibrate, displace, and break free. Disorder accumulates and spreads until nothing remains but flowing particles and the memory of structure.
The Key
Your cursor carries the decryption key. A radial zone of clarity follows you through a wall of encrypted text — but the cipher rotates, re-encrypting what you've read. Chase meaning through evolving noise until one perfect moment where everything aligns.
The Gauge
Your cursor is a knitting needle. Move across the canvas and stitches form — knit or purl based on direction, colors unlocking as you cover ground. Inspired by Bohus Stickning, the Swedish cooperative that turned poverty relief into impossibly fine luxury knitwear.
The Matryoshka
A Mandelbox fractal at scale −1.5 — one equation that spontaneously contains every classical fractal inside itself. Click to zoom deeper, discovering Menger sponges, Sierpinski carpets, Koch snowflakes, and Poincaré discs hiding in the geometry of two folding operations.
The Sync
A thousand Kuramoto oscillators fall into synchronization as you scroll — clusters form, unity snaps into place, then past the critical threshold, coherence shatters and visual corruption mirrors the loss of order.
The Iridescent
A single soap bubble rendered with physically-accurate thin-film interference. Orbit it and watch structural color shift with every degree — magentas become teals, golds dissolve into electric blues. The color comes not from pigment but from the precise thickness of nothing.
The Pleochroic
A raymarched trichroic crystal floating in darkness. Orbit it with your cursor to discover three hidden colors — deep violet, warm straw-gold, and clear ice — that shift with your perspective and can never be seen at once.
The Invariant
Twelve thousand particles running the chaos game — each making random choices, all converging to the same fractal attractor. Your cursor reshapes the mathematics, and every particle instantly finds the new destination. Structure emerges from noise, every time.
The Inversion
A living field of Necker cubes where perceptual flips propagate like waves. Your attention accelerates the fatigue cycle, triggering cascading depth inversions across hundreds of ambiguous wireframe forms.
The Cascade
3D text assembled from particles falling through quantum energy levels. Each particle cascades through spectral colors before settling into its letter. Cursor re-ionizes — touch and particles erupt back into orbital chaos.
The Dissolution
Text as thousands of particles. Cursor acts as heat — words sublimate into serpentine convection plumes, then cool and reform. Each word you dissolve reveals the next. Reading is destruction.
The Generator
One particle. Symmetry operations applied one by one — rotation, reflection, inversion — until a single point becomes forty-eight, tracing the complete symmetry of a cubic crystal. The mathematics of crystallographic point groups, made visible as choreography.
The Scatter
Three discs. Elastic bouncing. Zero randomness. Yet the outcome is unknowable. Scan a beam across parameter space and watch a fractal basin boundary emerge — ten thousand tiny fates painting infinite complexity from the simplest geometry.
The Bend
A single straight line develops a tiny perturbation that curvature feedback amplifies into wild meanders — until the bends cut through themselves. Tap to introduce perturbations. The math does the rest.
The Superposition
Two invisible realities — one geometric, one organic — exist simultaneously. You only see their interference pattern. Your cursor controls the observation aperture.
The Ruin
Seven geometric monuments stand intact as you scroll, then dissolve by their historical cause — fire, earthquake, arson, erosion, imagination. By the bottom, only a triangle remains.
The Harmonic
Two wave fields collide on a fullscreen shader. Where they meet through a nonlinear function, phantom moiré patterns emerge — geometric ghosts that exist in neither wave alone.
The Attractor
Ten thousand particles trace the Lorenz attractor's butterfly wings in 3D — your cursor warps the equations that govern their orbits, scattering the cloud into chaos that always reassembles into hidden order.
The Chromophore
A field of translucent beta-barrel protein structures fold into fluorescence when you touch them — each igniting a different spectral mutation, propagating glow to neighbors, until the screen becomes a living Brainbow of 90+ hues.
The Vapor
Your cursor is warm breath on cold glass — condensation forms into words that exist only while you're close enough to fog the surface, then evaporate when you leave.
The Discharge
A real-time Dielectric Breakdown Model grows Lichtenberg figures on GPU — click anywhere to trigger a discharge and watch fractal beauty write itself in 120 nanoseconds.
The Eddy
Richardson's 1922 turbulence poem becomes a particle system obeying the physics it describes — words lift off the page, find their scale in the energy cascade, and dissolve at the viscosity limit
The Boundary
A scroll-driven descent into the interface between two materials reveals a luminous evanescent field — where text exists only in the decay zone.
The Daydream
Four corporate headshots stare back. Underneath each: a hyper-colorful dream self. Your cursor pours liquid erosion that reveals the fantasy beneath the suit. But reality heals over — dreams are temporary, and you can't hold them all open at once.
The Meniscus
A macro chemistry droplet where single-click experiments trigger visible fluid dynamics: yellow precipitation, blue diffusion, and chemiluminescent cyan bloom evolving inside refractive water.
The Lens
Words compete for your attention in a fullscreen typographic experience. Canvas 2D with variable font weight interpolation and spring physics. Hover to focus — what you attend to swells, what you ignore is actively suppressed. Word count adapts to screen aspect ratio.
The Plank
Scroll through 2,000 years of ship repairs. Plank by plank, nothing original remains. Then a second ship assembles from the discards. Then Theseus himself arrives, changed beyond recognition.
The Yield
Raymarched metaball typography with Verlet spring physics. Letters collapse under gravity, pool into goo, and reform as new words. Grab and stretch any letter — smooth-min blending makes it all feel liquid.
The Aperture
Letters rotate through five-dimensional space. Your cursor is an aperture — inside, text snaps readable. Outside, alien geometry seethes. Discover fragments about the introspection illusion, hidden in dimensions you cannot perceive.
The Limb
A scroll-driven ascent through Earth's atmosphere. Raymarched volumetric scattering shifts through Gagarin's color sequence as the sky compresses into a thin luminous arc. Astronaut quotes materialize in the void.
The Drift
A Three.js raymarched volumetric fog instrument with a Web Audio arpeggiator locked to F# minor pentatonic. Five warm fog layers, five arpeggio patterns — your cursor sculpts the arrangement across three octaves, and the Camelot key lock guarantees everything sounds beautiful.
The Filament
A museum-scale 3D Numitron tube in Three.js with GLSL blackbody radiation shaders. Control digits and voltage while thermal ghosts cool through the incandescent spectrum. Planck's law, Stefan-Boltzmann intensity, and glass transmission physics.
The Squad
A Three.js holographic character select screen with custom scanline GLSL shaders. Four fal.ai-generated 3D soldiers materialize as flickering light projections with chromatic distortion and interference artifacts.
The Antenna
A scroll-driven Three.js experience simulating Nitinol shape-memory alloy deployment. Watch a crumpled fist-sized ball unfold into a mile-wide parabolic satellite dish through procedural geometry and custom GLSL shaders.
The Census
A Three.js tilt-shift diorama with GPU heat simulation where agent-based pedestrians carve desire paths in real time. Place obstacles, accelerate time, and watch collective behavior overwrite the architect's plan.
The Emission
A Three.js quantum optics sandbox with 2,500 InstancedMesh atoms. Move gently for elastic scattering; move fast to cross the Mollow triplet threshold and split one frequency into three spectral components via custom GLSL shaders.
The Membrane
A GLSL-powered breathing surface simulating electroactive polymer physics. Touch to dimple, hold to trigger Maxwell stress snap-through instability. FBO ping-pong wave equation with Fresnel iridescence and caustic lighting.
The Convergence
A Three.js particle system hiding a Lorenz attractor in 20,000 points of noise. Scroll to run the Grassberger-Procaccia correlation integral and watch butterfly wings emerge from chaos as the fractal dimension converges to 2.05.
The Sweet Spot
Three.js anamorphic projection with Voronoi-shattered typography — 200 GLSL-lit fragments snap into the word TRUTH at one exact scroll depth. Fresnel rim glow, FBM nebula, bloom, and Web Audio.
The Elastic Limit
opentype.js glyph paths as Verlet-integrated spring-mass soft bodies on Canvas 2D. Grab letters, stretch them, hear the tension — Hooke's law with Web Audio feedback.
The Colour of Sound
GLSL Mandelbulb raymarcher coupled to a Web Audio pentatonic synthesizer — mouse movement sculpts fractal geometry and sound simultaneously. Inspired by synesthesia.
The Bottomless Pit
Three.js scroll-driven doomscroll simulator — a social feed corrupts via GLSL post-processing (CRT, Bayer dithering, chromatic aberration) and collapses into a DOOM-style 3D corridor.
The Transience Loop
Three.js InstancedMesh lemniscate — 60 billboard words orbit a 3D infinity loop, transforming from joy to dread at the crossover. Bloom, chromatic aberration, and film grain post-processing.
The Funnel
Three.js InstancedMesh typographic tornado — 2,000 billboard letter quads spiral through a custom ShaderMaterial vortex with mouse-driven spine bending. Inspired by Wikipedia's Tornado article.
The Dazzle
WebGL fragment shader with procedural XOR stripe generation and scroll-driven phase modulation. WWI dazzle camouflage patterns hide text in plain sight — scroll to find legibility windows.
The Counterweight
Canvas 2D scroll-driven experience with spring-mass cable physics. Two opposing floor streams count 102 floors — ascending odds, descending evens — briefly aligning at the midpoint.
The Loading Bar
Flash died in 2021, taking countless experiences with it. Move to glimpse what was lost. Watch it fade forever.
The Suffix
GSAP kinetic typography where ANIMATION, MOTION, and ACTION fight for shared letters. Chromatic glitch transitions, character scrambles, and a looping territorial dispute.
The Whole Message
Three.js holographic GLSL shader with lenticular blending, thin-film interference, and Fresnel effects. Tilt to discover three hidden images — the whole message requires movement.
The Melt
GSAP interactive typography with SVG goo filter and DOM particle physics. Hover over SOLID to melt letter-shaped drips into FLUID — phase transition as typographic play.
The Unfold
Three.js Miura fold simulation with UV-mapped panels and shadow mapping. Drag to unfold STATELY and reveal the hidden word STY beneath the rigid origami.
The Slot
Three.js neon slot car racer with bloom post-processing, CatmullRom track physics, centrifugal force, and AI opponents. One input. Infinite skill.
The Fold
A Three.js GLSL shader Damascus steel blade. Scroll to fold from 2 to 256 layers with procedural wave textures, multi-light specular, and Fresnel reflections.
The Descent
Canvas 2D procedural bioluminescence with parallax layering. Fall 35,797 feet through four ocean depth zones as 60 glowing creatures stream upward past you.
The Moiré
Interactive Canvas 2D moire pattern generator — cursor-driven interference from overlapping concentric circles with additive blending.
The Hollow
A Canvas 2D particle simulation of the Pauli exclusion principle. Your cursor repels 60 drifting word-fragments with inverse-square physics — nothing can ever touch you.
The Afterimage
Interactive Canvas 2D afterimage simulation. Dwell-time accumulation and complementary-color burns create fading retinal ghosts that drift and dissolve.
The Aberration
Interactive Canvas 2D chromatic aberration simulation. Cursor-driven additive RGB blending splits white light into color channels with cubic easing proximity falloff.
The 81
Canvas 2D particle simulation of Kobe Bryant's 81-point game. Real shot data drives arc trajectories and burst effects across a half-court render in real-time.
The First Voice
A Web Speech Synthesis recreation of the 1978 Speak & Spell with CSS VFD display emulation. Watch silicon discover phonemes, learn words, then type to teach it your own.
The Veneer
Three.js GLSL displacement shader with simplex noise and chromatic aberration. Move your cursor toward ORDER and watch vertex displacement corrupt it into CHAOS.
The Paranoid Robot
Scroll-driven Canvas 2D particle experience — a face fragments through static, RGB channel splitting, and particle rain. Inspired by Radiohead's Paranoid Android.
The Final Experiment
A WebGL GLSL shader rendering of Antarctica's midnight sun. Watch a procedurally generated sun trace its 24-hour circuit above the ice — the phenomenon flat-earth believers witnessed and couldn't deny.
The Letting Go
An interactive hold-and-release experience inspired by Cincinnatus. Hold to morph a plow into a sword and seize absolute power. Release to give it back — the rarest act in history.
The Rio
Interactive Diamond Rio PMP300 recreation with working jog wheel, LCD display, A-B loop, and 1998 Billboard playlist. The first MP3 player, rebuilt for the web.
The Scan
Three.js CRT terminal with custom GLSL shaders — scanlines, chromatic aberration, bloom, and phosphor decay. Move to sustain. Stop to watch it die.
The Reel
CSS-powered View-Master recreation with AI-generated scenes. Click to advance, no going back — a forward-only meditation on memory built with DOM and CSS transforms.
The Observation
Canvas 2D quantum superposition interactive — 96 flickering elements collapse into fixed shapes and colors as you hover. Irreversible. Every observation destroys the alternatives.
The Delay
Scroll-driven light-delay timeline with logarithmic interpolation from 1 second to 13.4 billion years. Watch 'now' shrink past Moon, Sun, and JWST markers until it vanishes.
The Envelope
Scroll-driven ADSR synthesizer with Web Audio API and Canvas 2D. Draw the envelope curve while a 220Hz sine wave responds through Attack, Decay, Sustain, and Release.
The Flattening
A Three.js scroll experience that collapses perspective to orthographic projection. Inspired by VirtualGL — watch 3D shapes flatten as FOV narrows, lights fade, and depth dies.
The Shape of Gone
Three.js interactive mining experience with InstancedMesh terrain and raycasting. Click to extract, watch the camera pull to orbit as your crater becomes visible from space.
The Average of Everything
Three.js and custom GLSL shaders reveal the cosmic chaos beneath Cosmic Latte. Cursor-driven reveal with Simplex noise color fields and star-point generation.
The Weight of Light
Three.js gravitational lensing with custom Schwarzschild shader, bloom post-processing, and chromatic aberration. Your cursor is a black hole — watch stars bend and Einstein rings form.
The Hundred Year Umbrella
A GSAP ScrollTrigger narrative of tsukumogami folklore. Scroll through 100 years as a Japanese umbrella ages via CSS color decay, canvas rain, and awakens with a cursor-tracking eye.