Playground
Sine Fold
Raymarched domain-warp tunnel: 6-iteration sin-fold generates a psychedelic recursive depth field with RGB-banded glow and audio-reactive color pulsing.
Arkanoid Immersive
Projection-ready Arkanoid with webcam paddle control. MediaPipe segmentation + color tracking drives the paddle; thumbs-up recalibrates color from thumb region.
Segment & style video
MediaPipe Interactive Segmenter: click an object in a short clip, apply pixel / B&W / ASCII / voxel styles inside the mask, export WebM.
Cubic Perspective Portal
MediaPipe face tracking drives a cubic Three.js room, parallax camera, and a scrollable HTML document mounted inside the canvas.
Tile Canvas
Mouse-reactive 3D planes — tilt, ripple, parallax, and combined shader effects.
Shader Gladys Generator
Composable image shader with grid distortion, cursor trails, chromatic aberration, and audio reactivity.
Liquid Tiles
Procedural neon liquid shader with glossy tile seams, warped magenta-green bands, and edge glitch artifacts.
Frostbyte Cells
Audio-reactive raymarched cell field with blue volumetric glow, depth rotation, and projection-ready controls.
Molecule Tracker
Webcam silhouette drives a monochrome molecule wall, pushing particles forward like a body under a sheet.
Disintegration Field
Peak-reactive fragmented field that scatters, burns, and drops out on high audio intensity.
Particle Field
GPU particle grid that samples an image and renders distance-field dots displaced by mouse gravity.
CMYK Halftone
WebGL shader simulating traditional CMYK print halftone with per-channel control and paper texture.
Kafka Head
Rotating slab sculpture inspired by David Černý, built from stacked 3D geometry with face textures.
ASCII Shader
GPU shader that converts any image into ASCII characters, preserving original colors or monochrome tints.
Particle Morph
GPU-driven 3D particle system that morphs between geometric shapes with scatter transitions on click.
Watercolor Trail
Mouse-reactive watercolor shader with ping-pong FBO accumulation, pastel palettes, and click splatter effects.
Frankenstein Face
Composite face collage from 8 facial regions, each sampled from a different AI-generated face via WebGL texture atlas.
Collage
Five collage strategies — cut & paste, double exposure, strip collage, blend modes, and displacement warp — with optional AI editing.
Orb Configurator
3D plasma orb with three morphing states — standby, thinking, processing — and a full configurator for colors, materials, lighting, and shader parameters.
Voxel Bust
Sculpted bust voxelized at runtime into an instanced cube grid — cursor hover pushes, ripples, scatters, or hue-shifts the blocks in real time.
Camera Ball
Webcam + MediaPipe selfie segmentation + HSV color mask + chamfer SDF. A 3D ball falls and bounces off any pixel of a chosen color held up to the camera.
Hand Tracker
MediaPipe hand tracking with configurable pinch-zone grid, in-browser Web Audio synthesis, gesture recognition, and a signal composer context for cross-component control.