Lab
Interactive UI experiments and creative coding sketches — a place to play.
CameraCutout
2026Background removal with no green screen — selfie segmentation composites you into a branded animated scene, on-device. Record the result.
CameraDepth
2026A live depth map of your scene — a small Depth-Anything model turns the webcam into an ink-to-tiger heatmap, all on-device.
3DDiorama
2026A small low-poly 3D scene that tilts to your cursor — or your phone's gyroscope — like a diorama in a box.
VisualDither Studio
2026Drop an image and re-render it in 1-bit and two-tone brand palettes — Floyd–Steinberg, Bayer and Atkinson dithering, exportable as PNG, GIF or video.
AudioEcho
2026Speak, and your words type themselves out as kinetic terminal text over a live waveform. Runs in your browser; works best in Chrome.
CameraFace Mesh
2026A live tiger wireframe mask locked to your face — 468-point facial landmarks rendered as an editorial portrait, entirely in your browser.
3DFlow Field
2026Thousands of tiger particles drifting through a simplex-noise flow field, with a seamless-loop export for clean video clips.
VisualFragment Playground
2026A live GLSL fragment-shader editor — write code, watch it render in real time, share via URL, export frames and video.
CameraGesture
2026Control on-screen effects with hand gestures — thumbs-up, open palm, fist, victory — recognised live in your browser, hands-free.
CameraHand Tracer
2026Conduct with your hands — live webcam hand tracking draws tiger skeletons and trails particles from your fingertips. Runs on-device, nothing uploaded.
3DModel Studio
2026Drop a .glb and inspect it in a branded studio — orbit, wireframe and auto-rotate, with a tiger-lit default object to start.
3DMorph
2026A cloud of tiger particles that smoothly morphs between 3D shapes — sphere, torus, cube — recordable as a seamless clip.
CameraPose
2026A tiger stick-figure that tracks your whole body in real time via on-device pose estimation. Move around and record it.
3DRaymarch
2026A true-3D raymarched SDF scene rendered entirely in a fragment shader — morphing metaballs and a mandelbulb, lit in tiger and ink.
3DReaction–Diffusion
2026A GPU Gray-Scott simulation — the maths behind leopard spots and coral. Click to seed, watch organic patterns grow, grab stills as textures.
CameraSpotter
2026Hold objects up to the camera and watch a small detection model label them with terminal-style bounding boxes. Runs in your browser.
CameraTerminal Vision
2026Your webcam rendered live as ASCII art in the terminal aesthetic — runs entirely in the browser, nothing uploaded. Record it to video.
AudioVoiceprint
2026A 3D form that pulses and deforms to your voice — mic audio drives the shape in real time, entirely in your browser.
3DWalkthrough
2026Walk through a 3D scene first-person — tilt your phone to look around, an on-screen joystick to move. Goes fullscreen + landscape; record your walk.
3DWordmark 3D
2026Extruded 3D type you can spin, relight and export as a looping clip — type any word and watch it render in tiger-lit relief.
Generative AI Timeline
2026An interactive timeline tracking the generative AI revolution from 2014 to 2026. This is purely things I was interested in tracking and is updated when I get a moment! I mainly use it for presentations and workshops Covers image, video, audio, 3D, LLM, and tools categories with 170+ entries. Filterable by category with full-text search, responsive layout, and animated card transitions. Built as a living reference document for talks and workshops.