Text -> Image

AI ์ด๋ฏธ์ง€ ํ”„๋กฌํ”„ํŠธ ํ…œํ”Œ๋ฆฟ

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

์ถ”์ฒœ ๋ชจ๋ธ: gemini-3.1-flash-image-preview

์ด AI ์ด๋ฏธ์ง€ ํ”„๋กฌํ”„ํŠธ ์†Œ๊ฐœ

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

ํ”„๋กฌํ”„ํŠธ

Use the computer's front-facing camera
Use `mediapipe` lib 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`

์ด AI ์ด๋ฏธ์ง€ ํ”„๋กฌํ”„ํŠธ ํ…œํ”Œ๋ฆฟ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

  1. 1ํ”„๋กฌํ”„ํŠธ ๋ณต์‚ฌ โ€” ํ…œํ”Œ๋ฆฟ์˜ ํ”„๋กฌํ”„ํŠธ์™€ ๋„ค๊ฑฐํ‹ฐ๋ธŒ ํ”„๋กฌํ”„ํŠธ๋ฅผ ๊ฐ€์ ธ์˜ค์„ธ์š”.
  2. 2๋ชจ๋ธ ์„ ํƒ โ€” ๊ฐ€์žฅ ์ž˜ ๋งž๋Š” ์ถ”์ฒœ AI ๋ชจ๋ธ์„ ๊ณ ๋ฅด์„ธ์š”.
  3. 3์ƒ์„ฑ โ€” ํด๋ฆญ ํ•œ ๋ฒˆ์œผ๋กœ ์ŠคํŠœ๋””์˜ค๋ฅผ ์—ด์–ด ๊ฒฐ๊ณผ๋ฅผ ๋งŒ๋“œ์„ธ์š”.