Luxuriöse 3D-Uhren-Produkt-Erfahrungsseite (Next.js + Three.js)

Ein langer, detaillierter japanischer Prompt für die Gestaltung einer luxuriösen 3D-Produkt-Erlebnis-Webseite für High-End-Uhren, unter Verwendung von Next.js, Three.js, React Three Fiber, GLSL und spezifischen Scroll-Sektionen und Shader-Anforderungen.

Eingabe
Entwerfen Sie eine 3D-Produkt-Erlebnis-Seite für eine Luxus-Armbanduhr. **Zielgruppe:** vermögende Kunden, Uhrenliebhaber und Geschäftsleute im Alter von 30–50 Jahren. **Markenton:** Luxus × Tech (ein modernes, anspruchsvolles High-End-Gefühl). Scroll-Erlebnis (5 Abschnitte): Hero-Sektion – die Armbanduhr erscheint langsam aus der Dunkelheit im Licht, während sie sich dreht. Implementieren Sie holografische Effekte und Fresnel-Reflexionen mit benutzerdefinierten Shadern. Detail-Zoom – Nahaufnahme des Zifferblatts. Verwenden Sie GLSL, um metallische Reflexionen, Parallax Mapping und Echtzeit-Glanz zu erzielen. Mechanismus-Aufschlüsselung – die Uhr zerlegt sich und das interne Uhrwerk schwebt im Raum. Verwenden Sie einen Displacement Shader für einen Energiefeld-Effekt und fügen Sie jedem Teil Glüheffekte hinzu. Material-Erlebnis – wechseln Sie zwischen verschiedenen Materialvarianten. Drücken Sie Metallizität, Glasbrechung und die matte Textur von Titan mit PBR-Shadern physikalisch korrekt aus. Ende – die Uhr setzt sich wieder zusammen, mit einem abstrakten Gradienten-Mesh-Hintergrund, der mit einem benutzerdefinierten Shader erstellt wurde. Wenden Sie Post-Processing wie Bloom und Tiefenschärfe an. **Tech-Stack:** Next.js 15 + Three.js + React Three Fiber + GLSL (benutzerdefinierte Shader) + react-postprocessing + Lenis. Shader-Anforderungen: Fresnel-Reflexions-Shader (Rim-Light-Effekt) PBR-Material-Shader (Rauheit, Metallizität, AO) Holografischer Shader (irisierender Interferenz-Effekt) Displacement Shader (Wellen- und Verzerrungseffekte) Benutzerdefinierter Hintergrund-Shader (Gradientenrauschen) Post-Processing: Bloom, ChromaticAberration, DepthOfField, Vignette. Bitte schlagen Sie spezifische numerische Werte vor für: Scroll-Bereich jedes Abschnitts (in % oder vh-Einheiten) Animationsparameter (Start-/Endwerte für Position, Rotation, Skalierung usw.) Easing-Funktionen (Ease-Typ) Kamera-FOV, Position und Zielwerte Beleuchtungseinstellungen (Intensität, Farbe, Position) Uniform-Werte für jeden Shader (Zeitverlauf, Scroll-Fortschritt, Farbton, Intensität usw.).

So verwendest du diesen Prompt

  1. 1

    Kopiere den vollständigen Prompt oben.

  2. 2

    Öffne eine Plattform, die Gemini 3 Pro unterstützt, etwa YouMind, und füge den Prompt ein.

  3. 3

    Tausche Motiv, Stil oder Details nach deiner Idee aus und generiere dann.

Dies ist ein kostenloser AI-Prompt aus der Prompt-Bibliothek von YouMind. Entdecke Tausende weitere webseite-Prompts, alle frei zum Kopieren und Anpassen.

Mehr webseite-Prompts entdecken

Mehr Prompt-Funktionen

KI-Bibliothek

KI-Prompt-Suche

Lass die KI Zehntausende Prompts durchsuchen. Filtere nach Modell, Zeitraum und Keywords und sortiere nach Engagement — Aufrufe, Lesezeichen, Reposts und mehr.

Vision-Tools

Bild zu Prompt

Verwandeln Sie jedes Foto in einen detaillierten AI-Bild-Prompt. Der kostenlose Image-to-Prompt-Konverter analysiert Komposition, Stil und Licht, damit Sie jeden Look in Sekunden nachbauen können.

Für Kreative gebaut. Für immer kostenlos.

YouMind ist der KI-Kreativ-Copilot, dem Kreative weltweit vertrauen. Jeder Prompt hier ist kuratiert, damit du schneller und besser gestalten kannst.

Mehr Prompts entdecken