صفحة ويب

Luxury 3D watch product experience page (Next.js + Three.js)

A long, detailed Japanese prompt for designing a luxury 3D product experience web page for high-end watches, using Next.js, Three.js, React Three Fiber, GLSL, and specific scroll sections and shader requirements.

أنشئ صفحة ويب بهذه المطالبة

المطالبةLuxury 3D watch product experience page (Next.js + Three.js)

Design a 3D product experience page for a luxury wristwatch.
**Target users:** wealthy customers, watch enthusiasts, and business people aged 30–50.
**Brand tone:** Luxury × Tech (a modern, sophisticated high-end feel).
Scroll experience (5 sections):
Hero section – the wristwatch slowly appears from darkness into light while rotating. Implement holographic effects and Fresnel reflections with custom shaders.
Detail zoom – close-up of the dial. Use GLSL to achieve metallic reflections, parallax mapping, and real-time glossiness.
Mechanism breakdown – the watch disassembles and the internal movement floats in space. Use a displacement shader for an energy-field effect and add glow effects to each part.
Material experience – switch between different material variations. Express metalness, glass refraction, and the matte texture of titanium with PBR shaders in a physically based way.
Ending – the watch reassembles, with an abstract gradient mesh background made with a custom shader. Apply post-processing such as bloom and depth of field.
**Tech stack:** Next.js 15 + Three.js + React Three Fiber + GLSL (custom shaders) + react-postprocessing + Lenis.
Shader requirements:
Fresnel reflection shader (rim-light effect)
PBR material shader (roughness, metallic, AO)
Holographic shader (iridescent interference effect)
Displacement shader (waving and distortion effects)
Custom background shader (gradient noise)
Post-process: Bloom, ChromaticAberration, DepthOfField, Vignette.
Please propose specific numerical values for:
Scroll range of each section (in % or vh units)
Animation parameters (start/end values for position, rotation, scale, etc.)
Easing functions (ease type)
Camera FOV, position, and target values
Lighting settings (intensity, color, position)
Uniform values for each shader (time progression, scroll progress, hue, intensity, etc.).

كيفية استخدام هذه المطالبة

1
انسخ المطالبة الكاملة أعلاه.
2
افتح منصة تدعم Gemini 3 Pro مثل YouMind، ثم الصق المطالبة.
3
غيّر الموضوع أو النمط أو التفاصيل لتناسب فكرتك، ثم ابدأ الإنشاء.

هذه مطالبة مجانية للذكاء الاصطناعي من مكتبة YouMind. استكشف آلاف المطالبات الأخرى لنوع صفحة ويب، وكلها مجانية للنسخ والتعديل.

استكشف مزيدًا من مطالبات صفحة ويب

المزيد من ميزات المطالبات

مكتبة الذكاء الاصطناعي

البحث عن المطالبات بالذكاء الاصطناعي

دع الذكاء الاصطناعي يبحث بين عشرات الآلاف من المطالبات. صفِّ حسب النموذج والنطاق الزمني والكلمات المفتاحية، ورتّب حسب التفاعل مثل المشاهدات والإشارات المرجعية وإعادات النشر وغيرها.

جرّب مجانًا

أدوات الرؤية

تحويل الصورة إلى مطالبة

حوّل أي صورة إلى مطالبة تفصيلية لإنشاء الصور بالذكاء الاصطناعي. تحلل الأداة المجانية التكوين والنمط والإضاءة لتتمكن من إعادة إنشاء أي مظهر خلال ثوانٍ.

تحويل الصورة إلى مطالبة

ميزات مطالبات أخرى

تصفح حسب النموذج

مطالبات GPT Image 2.5 مطالبات GPT Image 2 مطالبات Nano Banana Pro مطالبات Seedream 4.5 مطالبات GPT Image 1.5 مطالبات فيديو Gemini مطالبات Seedance 2.0 مطالبات Grok Imagine برومبتات Gemini 3 Pro لإنشاء المواقع

تصفح حسب الوسائط

مطالبات الصور مطالبات الفيديو برومبتات لإنشاء مواقع بالذكاء الاصطناعي

أدوات الذكاء الاصطناعي

تحويل الصورة إلى مطالبة مطالبات تحرير الصور بالذكاء الاصطناعي شرائح GPT Image 2

مصممة للمبدعين. مجانية دائمًا.

YouMind هو مساعد إبداعي بالذكاء الاصطناعي يثق به ملايين المبدعين حول العالم. اخترنا كل مطالبة هنا لمساعدتك على الإبداع بصورة أفضل وأسرع.

إنشاء صفحة ويب بهذه المطالبة استكشف مزيدًا من المطالبات

المنتج

تنزيل الأسعار ما الجديد

الأدوات

أدوات مجانية

مقارنة

Notion NotebookLM ChatGPT Codex GenSpark Gamma Lovart Manus MyMind Perplexity

الشركة

الخصوصية الشروط سياسة ملفات تعريف الارتباط

AI Summary

Luxury 3D watch product experience page (Next.js + Three.js)

أنشئ صفحة ويب بهذه المطالبة

كيفية استخدام هذه المطالبة

المزيد من Gemini 3 Pro

Neobrutalist webpage generation prompt

Generate 40 simple SVG icons with download buttons

Laser eye effect web demo with Mediapipe and Three.js

High-end Swiss-style landing page generator in React

CapCut-like video editor UI in Gemini

Voxel art threejs scene generation prompt from image

المزيد من ميزات المطالبات

البحث عن المطالبات بالذكاء الاصطناعي

تحويل الصورة إلى مطالبة

ميزات مطالبات أخرى

مصممة للمبدعين. مجانية دائمًا.