A living system of interactive art
A living exhibition of computational art — each piece runs live in your browser.
Proximity-linked node network with bezier particle paths. Each node pulses on an independent sine phase.
A proximity-linked node network where particles travel bezier paths between connections, with spontaneous signal bursts.
SVG path morphing between 5 organic shapes. Hue continuously cycles. Cursor proximity distorts the form.
An SVG blob continuously morphs between five organic states, its hue cycling and form bending toward your cursor.
3-layer CSS 3D parallax. Each layer has a depth multiplier. Cursor acts as the light source for shadow casting.
Three independent CSS 3D layers shift with different depth multipliers — mouse position is the light source and camera.
Pre-rendered static grid. Stochastic intersection glow and traveling wave effects. Cursor spawns local pulses.
A procedural grid pulses with stochastic energy waves. Move your cursor inside to seed new bursts of light.
Three-stage emergence simulation. Random noise → clustering → structured lattice. Click to advance stage.
120 particles evolve from random noise through clustering to a crystalline lattice. Click to advance the stage early.
Spring-physics objects attracted by cursor. Click emits gravitational ripples that push objects outward.
Elastic objects spring toward resting positions while your cursor bends their paths. Click to send out a ripple.
Web Audio FFT: bass drives scale, mids control flow, highs modulate glow. Demo mode runs without microphone.
FFT frequency analysis drives 40 radial bars and 24 orbiting particles. Click Mic to visualise your environment's sound.
Inverse-square Coulomb force between charged particles. Spring-like connections visualise attraction/repulsion.
Charged particles navigate inverse-square Coulomb forces, self-organising into dynamic field configurations. Hover to attract.
Choreographed stagger animation. Precise easing curves transform simple geometry into visual music.
A choreographed micro-animation sequence loops every 4.5 seconds — demonstrating the invisible craft of easing and timing.
Session-persistent graph of visited frames. Revisits strengthen edge weight. Your exploration made visible.
A session graph of every frame you've visited, built edge-by-edge as you explore. Revisits strengthen the connections.
CSS backdrop-filter glassmorphism over a live canvas. Each panel tilts via CSS 3D perspective on hover.
Live metric cards float over an animated orb canvas, using backdrop-filter glassmorphism. Each panel tilts on hover.
3D perspective projection of geometric objects. Objects fly toward you from an infinite vanishing point.
70 objects stream through 3D perspective projection from an infinite vanishing point. Scroll inside to adjust warp speed.
Layered sine-wave aurora animation with a real-time water ripple reflection below the horizon line.
Five layered sine-wave aurora bands reflected in a wave-distorted water mirror, composited from an isolated offscreen canvas.
Multi-layer atmospheric depth. Particles scale and fade by Z-position. Volumetric fog gradient softens the far field.
Eight Z-depth particle layers drift at independent parallax rates, building atmospheric haze through layered translucency.
Activate the 7 nodes in the correct sequence. Watch for the idle hint. Wrong sequence triggers a glitch reset.
Seven symbolic nodes wait to be activated in the correct order. Wait six seconds for the idle hint, or solve it yourself.