Laser Eyes Simulator

A fun web application that adds a cool laser eye effect to your photos or webcam feed!

🚀 Demo

Online Demo

🛠 Implementation

This project combines computer vision and 3D graphics to create a real-time augmented reality experience directly in the browser.

1. Face Tracking: We use MediaPipe Face Mesh to detect face landmarks in real-time from the video feed. This allows us to precisely locate the position of the eyes.
2. 3D Rendering: Three.js is used to create a 3D scene overlaid on the video. We generate glowing laser cylinders that originate from the detected eye positions.
3. Interaction: The application tracks the movement of your head and updates the laser positions and angles accordingly, creating a dynamic effect.

📚 Tech Stack

• MediaPipe Face Mesh: For robust and fast face landmark detection.
• Three.js: For rendering the 3D laser effects and handling the scene graph.

test github