Mediapipe と Three.js を使ったレーザーアイエフェクトの Web デモ
Gemini 3 向けの簡潔な技術プロンプト。フロントカメラと MediaPipe の顔のランドマークを使用して、Three.js 経由でリアルタイムの 3D レーザーアイエフェクトを適用するウェブエクスペリエンスを構築します。
プロンプト
コンピューターの前面カメラを使用します。
`mediapipe` ライブラリを使用して顔のランドマークをキャプチャします。
`mediapipe` が提供するリアルタイム 3D ランドマーク情報に基づいて、`threejs` を使用してカメラでキャプチャした顔に LASER EYE エフェクトを適用します。
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
Gemini 3 Pro に対応したプラットフォーム（YouMind など）を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の web ページ プロンプトがあり、すべて自由にコピーして使えます。
ほかの web ページ プロンプトを見る
さらに探索
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。