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 Matryoshka

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

The Loading Bar

Flash died in 2021, taking countless experiences with it. Move to glimpse what was lost. Watch it fade forever.

The Suffix

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

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

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

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

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

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

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é

The Moiré

Interactive Canvas 2D moire pattern generator — cursor-driven interference from overlapping concentric circles with additive blending.

The Hollow

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

The Afterimage

Interactive Canvas 2D afterimage simulation. Dwell-time accumulation and complementary-color burns create fading retinal ghosts that drift and dissolve.

The Aberration

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.