Face Tracking Demo

How it works: Open your mouth to spawn letters that grow in size while your mouth stays open. Close your mouth to release them with physics!

Technology: Real-time facial landmark detection using ML5.js FaceMesh powered by Google's MediaPipe.

• 468-point facial mesh tracking
• WebRTC camera access
• Physics-based particle system
• Real-time performance optimized

Instructions

🎯 Allow camera access when prompted
👄 Open your mouth to spawn colorful letters
💫 Keep mouth open to grow letters
🎈 Close mouth to release letters with gravity
📱 Works best with good lighting

🔒 Privacy: All processing happens locally in your browser. No video data is transmitted or stored.
← Back to Portfolio