Immersive
Experiences

GPU-rendered plasma field built in GLSL. Every pixel computed on the graphics card — move your cursor to warp the interference pattern.

Move cursor to warp the plasma field

18,000 particles suspended in three-dimensional space. Mouse movement controls camera rotation — revealing depth and structure in the chaos.

Move cursor to orbit the particle cloud

Perlin noise flow field rendered with 900 autonomous agents. Each particle follows invisible force vectors — the cursor bends the field.

Move cursor to bend the flow field

Raymarched 3D geometry using Signed Distance Functions. Three nested tori and a sphere — entirely computed per pixel in GLSL. Move cursor to orbit.

Move cursor to orbit the structure

150 concentric shapes morphing between perfect squares and circles. Mouse X warps the dimensional twist, Mouse Y controls the pulse speed.

Mouse X = twist · Mouse Y = speed

Fractal raymarching through a procedural space nebula. 20-step raymarch with 7 layers of noise — every pixel computed on the GPU in real time.

GPU fractal nebula — just watch

Matter.js 2D rigid body physics — circles, rectangles, polygons and trapezoids rain down in teal tones. Click and drag any shape to fling it around.

Click and drag any shape · They collide and stack

Four layers of domain-warped fractal Brownian motion computed entirely on the GPU. Move your cursor to shift the flow — no two frames are ever the same.

Move cursor to warp the fractal field

Live camera feed with ML5.js face mesh tracking — 468 landmarks mapped in real time. Full wireframe face with squiggly eye/brow contours and floating particles.

Click "Enable Camera" — face mesh activates automatically

Your camera feed transformed into organic teal line art. Pixel brightness bends each scan line — the brighter the light, the more it bends.

Click "Start Camera" — move in front of the lens

Motion detection turned into particle art. Every movement spawns teal particles that trace the path of motion across the camera frame.

Wave your hands in front of the camera

Hold both hands up to summon a liquid teal sphere between them. The ball reacts to your hand distance — squeeze to compress, spread to expand.

Enable camera · Hold both hands up · Squeeze to compress

Your live camera feed quantised into a teal pixel-block grid. Eight brightness levels map to eight tones — from deep black to electric cyan.

Enable camera · Move closer or farther for more detail

Your live camera feed rendered as a 3D depth map in p5.js WEBGL. Each pixel becomes a floating voxel — brightness drives depth. Orbit with your mouse.

Enable camera · Move mouse to orbit the 3D cloud

468 facial landmarks tracked live via MediaPipe FaceMesh. Cyan mesh overlays your face with cyberpunk glitch effects, chromatic aberration, scan lines, and floating error text.

Enable camera · Face the screen · Watch the glitch mesh activate