Face Tracking Demo
Move your cursor around the screen and watch my face follow you! This uses AI-generated images with different gaze directions.
Interactive Face Tracker
🎯 Move your mouse anywhere on the page
📜 Scroll up/down to see eyes follow scroll position
📱 Works with touch on mobile devices
🔍 Debug info shows current gaze and scroll position
How It Works
🎨 AI Image Generation
- • Uses Replicate's expression editor model
- • Generates 9 images with different gaze directions
- • Pupil X/Y values: -15, 0, 15
- • Based on my actual profile photo
💻 Interactive Tracking
- • React hook tracks cursor position
- • Maps screen coordinates to gaze angles
- • Scroll tracking - eyes follow page scroll
- • Smooth transitions between images
- • Mobile touch support included
Generated Images
Top Left
Top
Top Right
Left
Center
Right
Bottom Left
Bottom
Bottom Right