Experiments in 3D objects you can manipulate — hand-tracked games, generative form, and editorial type. Each one is a small, shippable study in making the web feel physical.
2026Editorial type, extruded and alive — a word that tilts toward your cursor.
Pure CSS 3D, no WebGL. The word is stacked into a dozen layers translated along Z to fake the extrusion, on a plate that eases toward the pointer with a per-frame lerp. Lightweight enough to ship anywhere — and it lives inside this portfolio, so the site is its own demo.
2025Isometric 3D Tetris you can play with your hands — webcam hand-tracking and a global leaderboard.
Three.js for the isometric board, MediaPipe Tasks Vision to map webcam hand gestures to moves, and Supabase for real-time global rankings. The hard part was making gesture input feel as precise as a keyboard — I added gesture debouncing and a confidence threshold so accidental motions don't drop a piece.
A browser Rubik's cube you rotate with your hands via webcam — or with the mouse.
Three.js renders the cube; cubejs handles solve state; MediaPipe hand-tracking maps pinch-and-twist gestures to face rotations. Designed the interaction so the cube reads as a real physical object — momentum on release, snap-to-face on settle.
2025A generative art study — calm, evolving form rendered in a warm, editorial palette.
A single-file canvas sketch exploring slow, steady motion instead of the usual high-energy generative look. Restrained palette and typographic framing to match my editorial signature rather than the neon default.