लक्ज़री 3D घड़ी उत्पाद अनुभव पेज (Next.js + Three.js)

एक लक्ज़री कलाई घड़ी के लिए 3D उत्पाद अनुभव पेज डिज़ाइन करें।
**लक्षित उपयोगकर्ता:** धनी ग्राहक, घड़ी के शौकीन और 30-50 वर्ष की आयु के व्यवसायी।
**ब्रांड टोन:** लक्ज़री × टेक (एक आधुनिक, परिष्कृत हाई-एंड अनुभव)।
स्क्रॉल अनुभव (5 खंड):
हीरो सेक्शन – कलाई घड़ी धीरे-धीरे अंधेरे से प्रकाश में घूमते हुए दिखाई देती है। होलोग्राफिक प्रभाव और कस्टम शेडर के साथ फ़्रेज़नेल रिफ्लेक्शन लागू करें।
डिटेल ज़ूम – डायल का क्लोज-अप। मेटैलिक रिफ्लेक्शन, पैरेलेक्स मैपिंग और रीयल-टाइम ग्लॉसनेस प्राप्त करने के लिए GLSL का उपयोग करें।
मैकेनिज्म ब्रेकडाउन – घड़ी अलग हो जाती है और आंतरिक मूवमेंट अंतरिक्ष में तैरता है। ऊर्जा-क्षेत्र प्रभाव के लिए एक डिस्प्लेसमेंट शेडर का उपयोग करें और प्रत्येक भाग में चमक प्रभाव जोड़ें।
मटेरियल अनुभव – विभिन्न मटेरियल विविधताओं के बीच स्विच करें। PBR शेडर में मैटेलनेस, ग्लास रिफ्रैक्शन और टाइटेनियम की मैट बनावट को भौतिक रूप से व्यक्त करें।
समाप्ति – घड़ी फिर से जुड़ जाती है, जिसमें एक कस्टम शेडर से बना एक अमूर्त ग्रेडिएंट मेश बैकग्राउंड होता है। ब्लूम और डेप्थ ऑफ़ फील्ड जैसे पोस्ट-प्रोसेसिंग लागू करें।
**टेक स्टैक:** Next.js 15 + Three.js + React Three Fiber + GLSL (कस्टम शेडर) + react-postprocessing + Lenis।
शेडर आवश्यकताएँ:
फ़्रेज़नेल रिफ्लेक्शन शेडर (रिम-लाइट प्रभाव)
PBR मटेरियल शेडर (रफनेस, मेटैलिक, AO)
होलोग्राफिक शेडर (इरिडेसेंट इंटरफेरेंस प्रभाव)
डिस्प्लेसमेंट शेडर (वेविंग और डिस्टॉर्शन प्रभाव)
कस्टम बैकग्राउंड शेडर (ग्रेडिएंट नॉइज़)
पोस्ट-प्रोसेस: ब्लूम, क्रोमैटिक एबरेशन, डेप्थ ऑफ़ फील्ड, विग्नेट।
कृपया इसके लिए विशिष्ट संख्यात्मक मान प्रस्तावित करें:
प्रत्येक खंड की स्क्रॉल रेंज (% या vh इकाइयों में)
एनीमेशन पैरामीटर (स्थिति, रोटेशन, स्केल आदि के लिए प्रारंभ/समाप्ति मान)
ईज़िंग फ़ंक्शन (ईज़ प्रकार)
कैमरा FOV, स्थिति और लक्ष्य मान
प्रकाश सेटिंग्स (तीव्रता, रंग, स्थिति)
प्रत्येक शेडर के लिए यूनिफ़ॉर्म मान (समय प्रगति, स्क्रॉल प्रगति, रंग, तीव्रता, आदि)।