Laser eye effect web demo with Mediapipe and Three.js

Written for: Gemini
Type: Text, developer

A concise technical prompt for Gemini 3 to build a web experience that uses the front camera and Mediapipe facial landmarks to apply a real-time 3D laser eye effect via Three.js.

Prompt

Use the computer's front-facing camera.
Use the `mediapipe` library to capture facial landmarks.
Use `threejs` to apply a LASER EYE effect to the face captured by the camera, based on the real-time 3D landmark information provided by `mediapipe`.

Credits

Contributor: 愚瞳 | winterx
Collection: Awesome Gemini 3 Promptsby YouMind OpenLab (CC BY 4.0)
Original post: View in the original collection ↗

Other prompts

Three.js survival-mode replica of Minecraft Enterprise landing page with interactive responsive design Chinese traditional colors daily web app Web-based Word-like rich text editor in one HTML file Chinese Twitter KOL leaderboard landing page English picture book learning web app