The playground
Projects
Selected experiments across graphics, motion, computer vision, and interaction.
41 experiments
Animation 07
Spring Animation Picker
Tune a spring and compare how stiffness, damping, and mass shape its motion.
Interactive experimentFlip Card
A photo card with a spring-driven flip transition.
Interactive experimentSpring Flip Animation
Explore a playful flip transition driven by spring physics.
Interactive experimentFloating Button
A floating button that reveals a stack of animated controls.
Interactive experimentMount Unmount Spring
An experiment in showing and hiding an element with spring motion.
Interactive experimentNumber Spring
A numeric value that eases toward its target using a spring.
Interactive experimentStar Spring
A star outline that draws and erases itself with spring timing.
Interactive experiment
WebGL / Graphics 08
WebGL Box
Rotate a 3D box rendered directly with WebGL.
Interactive experimentWebGL Bloom
Explore the glow of a bloom effect in a WebGL scene.
Interactive experimentWebGL Dice
A textured 3D die rendered with WebGL.
Interactive experimentWebGL Sphere
A WebGL sphere for exploring rotation and perspective.
Interactive experimentWebGL Wireframe
Inspect the edges and structure of a 3D wireframe.
Interactive experimentThree.js Dice
A glowing 3D die with orbit controls, built with Three.js.
Interactive experimentSierpinski Gasket
A geometric exploration of the Sierpinski gasket in 3D.
External projectSVG Chart
A chart experiment built with SVG.
External project
Games & Interactive 06
Snake Game
A browser version of the classic snake game.
External projectAnalog Clock
A live analog clock with moving hands and a digital time display.
Interactive experimentPose Detection
Track body landmarks in a live camera view.
Interactive experimentForward Kinematics
Change joint angles and see where a three-link arm ends up.
Interactive experimentInverse Kinematics
Move a target and watch an arm solve for its joint angles.
Interactive experimentInteractive Presentation
A personal presentation with interactive slide navigation.
Interactive experiment
Computer Vision 06
Template Match
Compare uploaded images using template matching.
Interactive experimentAlign Two Images
Align uploaded images and inspect their overlap.
Interactive experimentMatch Golden
Compare a camera view with a reference image.
Interactive experimentOptical Flow
Explore motion estimation in a live camera view.
Interactive experimentOptical Flow Test
An interactive grid for experimenting with flow-vector directions.
Interactive experimentORB Detect
Find and visualize ORB feature points in an image.
Interactive experiment
UI / UX Experiments 06
Draggable
A simple experiment in direct pointer-driven dragging.
Interactive experimentDraggable Homing
A draggable block that springs back to its starting position.
Interactive experimentDraggable w/ Slot
Drag a block between slots and let it snap to the nearest one.
Interactive experimentDraggable Map
Pan and zoom an image with direct manipulation.
Interactive experimentWebcam Mirror
Turn your camera view into a browser-based mirror.
Interactive experimentTodo List
A small task list for adding, completing, and removing items.
Interactive experiment
