Laser eye effect web demo with Mediapipe and Three.js

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.

خود اسکیل

![Language-EN](https://img.shields.io/badge/Language-EN-blue)

#### 📖 Description

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

#### 🖼️ Example Images

##### Image 1

<div align="center">
<img src="https://cms-assets.youmind.com/media/1764255461636_mdlo2t_TrOA856i8yUthOuI.jpg" width="600" alt="Laser eye effect web demo with Mediapipe and Three.js - Image 1">
</div>

#### 📌 Details

- **Author:** [愚瞳 | winterx](https://x.com/fangyex)
- **Source:** [Twitter Post](https://x.com/fangyex/status/1991186281704173931)
- **Published:** November 19, 2025
- **Languages:** en

**[👉 Try it now →](https://youmind.com/gemini-3-prompts?prompt=Use%20the%20computer's%20front-facing%20camera.%0AUse%20the%20%60mediapipe%60%20library%20to%20capture%20facial%20landmarks.%0AUse%20%60threejs%60%20to%20apply%20a%20LASER%20EYE%20effect%20to%20the%20face%20captured%20by%20the%20camera%2C%20based%20on%20the%20real-time%203D%20landmark%20information%20provided%20by%20%60mediapipe%60.)**

---

نصبش چطور است

Gemini

1. Open Gems → New Gem.
2. Paste the text below into the instructions field.
3. Save. The Gem appears in the sidebar and keeps the instructions
   across conversations.

In Google AI Studio the same text goes in System instructions.

برای تو جواب داد؟

از کجا آمده

YouMind OpenLab CC-BY-4.0 اصل آن

2025 YouMind OpenLab