Motion Lab

From Adobe Animate to code-driven motion.
Exploring Web / Three.js / Interactive prototyping.

Labs
Touch Demo
Multi-touch tracking, trails, edge gesture blocking, PWA fullscreen
Canvas Pointer Events Mobile
Spring Playground
Draggable ball with velocity handoff, spring physics, edge bounce
Spring Drag Inertia
Gesture Photo
Multi-touch pinch, rotate, drag with spring inertia
Multi-touch Pinch Rotate Spring
Lock Screen
Phone lock/unlock flow: off → lock screen → PIN → desktop
State Machine Gesture Spring
Task Manager
iOS-style app switcher with 3D card stacking and swipe-to-dismiss
3D CSS Perspective Carousel
Projects
Coming soon
Real project demos will appear here
Tech Stack
Animation: Motion (spring + inertia + velocity handoff)
Dev Server: Vite (LAN accessible via --host)
Mobile: PWA standalone → Capacitor if needed
Rendering: Canvas / SVG → Three.js for 3D
Tap anywhere to close