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.

Projection-ready Arkanoid with webcam paddle control. MediaPipe segmentation + color tracking drives the paddle; thumbs-up recalibrates color from thumb region.

Arkanoid Immersive

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.

MediaPipe face tracking drives a cubic Three.js room, parallax camera, and a scrollable HTML document mounted inside the canvas.

Cubic Perspective Portal

Tile Canvas

Mouse-reactive 3D planes — tilt, ripple, parallax, and combined shader effects.

Composable image shader with grid distortion, cursor trails, chromatic aberration, and audio reactivity.

Shader Gladys Generator

Liquid Tiles

Procedural neon liquid shader with glossy tile seams, warped magenta-green bands, and edge glitch artifacts.

Audio-reactive raymarched cell field with blue volumetric glow, depth rotation, and projection-ready controls.

Frostbyte Cells

Molecule Tracker

Webcam silhouette drives a monochrome molecule wall, pushing particles forward like a body under a sheet.

Peak-reactive fragmented field that scatters, burns, and drops out on high audio intensity.

Disintegration Field

Particle Field

GPU particle grid that samples an image and renders distance-field dots displaced by mouse gravity.

WebGL shader simulating traditional CMYK print halftone with per-channel control and paper texture.

CMYK Halftone

Kafka Head

Rotating slab sculpture inspired by David Černý, built from stacked 3D geometry with face textures.

GPU shader that converts any image into ASCII characters, preserving original colors or monochrome tints.

ASCII Shader

Particle Morph

GPU-driven 3D particle system that morphs between geometric shapes with scatter transitions on click.

Mouse-reactive watercolor shader with ping-pong FBO accumulation, pastel palettes, and click splatter effects.

Watercolor Trail

Frankenstein Face

Composite face collage from 8 facial regions, each sampled from a different AI-generated face via WebGL texture atlas.

Five collage strategies — cut & paste, double exposure, strip collage, blend modes, and displacement warp — with optional AI editing.

Collage

Orb Configurator

3D plasma orb with three morphing states — standby, thinking, processing — and a full configurator for colors, materials, lighting, and shader parameters.

Sculpted bust voxelized at runtime into an instanced cube grid — cursor hover pushes, ripples, scatters, or hue-shifts the blocks in real time.

Voxel Bust

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.

MediaPipe hand tracking with configurable pinch-zone grid, in-browser Web Audio synthesis, gesture recognition, and a signal composer context for cross-component control.

Hand Tracker