Turn Your Memories Into Interactive Puzzles.
Transform your own photos using AI, then solve them immersively using nothing but your hand gestures. The future of interactive gameplay.
Three Steps to Play
A seamless flow from photo capture to interactive puzzle gameplay.
Capture
Take a picture in the Photo Booth. Choose from multiple layout modes.
Enhance
Use AI to automatically remove the background and apply professional studio colors.
Track
Your webcam tracks your hand gestures in real-time without controllers.
Play
Solve the puzzle using pinch gestures. Assemble the pieces to reveal your memory.
Professional AI
Photo Booth.
Capture beautiful photos before creating your puzzle. Features real-time AI background removal, studio lighting simulation, and various capture layouts including Film Strip and 2x2 Grid.
Built for the Future of Web Interaction
Combining cutting-edge computer vision with modern frontend engineering to create experiences that feel native and responsive.
AI Photo Booth
Capture professional-quality photos with intelligent background removal and real-time virtual background replacement.
Hand Gesture Control
Navigate and interact with the puzzle using natural hand gestures powered by MediaPipe's advanced hand tracking technology.
AI Background Removal
Instantly remove or replace backgrounds using on-device machine learning, no cloud processing required.
Dynamic Puzzle Generation
Transform any captured photo into a fully interactive puzzle with configurable difficulty levels.
Multiple Capture Modes
Choose from Original, Virtual Background, or Portrait Mode to create the perfect image for your puzzle.
Real-Time Processing
All computer vision tasks run directly in the browser at 30+ FPS using WebGL-accelerated inference.
Modern Tech Stack
Built with production-grade tools and frameworks for performance, scalability, and developer experience.
Development Timeline
A phased approach to building a production-quality computer vision web application.
Foundation
- Project architecture and design system
- Landing page and navigation
- Reusable component library
- State management infrastructure
Photo Booth
- Live camera preview and capture
- AI background removal
- Virtual background replacement
- Portrait mode with depth blur
- Professional capture animations
Puzzle Game
- Canvas-based puzzle rendering
- MediaPipe hand tracking integration
- Pinch gesture puzzle interaction
- Progress tracking and completion effects
- Difficulty configuration