Laser eye effect web demo with Mediapipe and Three.js

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 by @愚瞳 | winterxView the original post ↗Published 2025-11-19CC BY 4.0

The 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`.

Generate opens this prompt in the editor, ready to run.

Model
Gemini 3
Media
Image
Language
English
Words
38
Portrait / Selfie

How to use this prompt

  1. 1Copy the prompt — fill in any placeholders first and the copy takes your version.
  2. 2Paste it into your image model, or press Generate to open it here with your own photo.
  3. 3Run it twice. Generation is not deterministic and the second pass is often the keeper.
  4. 4Finish it with the free tools: upscale, crop to the platform you need, compress before sharing.

Go beyond generating the image

Everything after the generation, on the same site.

Upscale to 4K →Remove the background →Crop for a platform →Compress before sharing →All AI apps →

More from Gemini 3

Same model, same dataset — Gemini 3 prompts people have shared.

View all Gemini 3 prompts →

All image categories

Use cases
Styles
Subjects