Gemini 3 Pro · Image

Luxury 3D Watch Product Experience Page Next Js Three Js

Imported YouMind Gemini 3 Pro commerce prompt matched by "营销".

@Shin@プログラミングチュートリアルImage generationEnglish2026-06-22

Luxury 3D Watch Product Experience Page Next Js Three Js

842Views

36Likes

14Copies

ImageFormat

Generation prompt

高級腕時計の3Dプロダクト体験ページを設計してください。 **ターゲット：**富裕層、時計愛好家、30-50代のビジネスパーソン **ブランドトーン：**ラグジュアリー × テック（モダンで洗練されたハイエンド感）スクロール体験（5セクション構成）：ヒーローセクション - 暗闇から腕時計が徐々に光に照らされながら回転登場。カスタムシェーダーでホログラフィック効果とフレネル反射を実装ディテールズーム - 文字盤のクローズアップ。GLSLでメタリックな反射、視差マッピング、リアルタイムの光沢表現機構の分解 - 時計が分解され、内部のムーブメント機構が浮遊。ディスプレイスメントシェーダーでエネルギーフィールド効果、各パーツにグローエフェクトマテリアル体験 - 異なる素材バリエーション切り替え。PBRシェーダーで金属感、ガラスの屈折、チタンのマット質感を物理ベースで表現エンディング - 時計が組み上がり、背景にカスタムシェーダーで作った抽象的なグラデーションメッシュ。ポストプロセッシングでブルーム、被写界深度 **技術スタック：**Next.js 15 + Three.js + React Three Fiber + GLSL(カスタムシェーダー) + react-postprocessing + Lenis シェーダー要件：フレネル反射シェーダー（リム光効果） PBRマテリアルシェーダー（粗さ、メタリック、AO）ホログラフィックシェーダー（虹色の干渉効果）ディスプレイスメントシェーダー（波打ち、歪み効果）カスタム背景シェーダー（グラデーションノイズ）ポストプロセス：Bloom, ChromaticAberration, DepthOfField, Vignette 以下を具体的な数値で提案してください：各セクションのscroll範囲（%または vh単位）アニメーションパラメータ（position, rotation, scale等の開始/終了値）イージング関数（ease type）カメラのFOV、position、target値ライティング設定（強度、色、位置）各シェーダーのuniform値（時間経過、スクロール進行度、色相、強度など）

AutoAGC workflow

Turn it into a reusable workflow

Copy the prompt text and keep the role, task, model, style, and output constraints.
Paste it into Gemini 3 Pro or a comparable model with your reference material or workflow brief.
Replace the final constraints for output format, brand voice, language, and execution objective.

Asset