Laser eye effect web demo with Mediapipe and 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.

هل نجحت معك؟

من أين جاءت

2025 YouMind OpenLab