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

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