奢华 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） 全息着色器（虹彩干涉效果） 置换着色器（波动和扭曲效果） 自定义背景着色器（渐变噪声） 后期处理：泛光 (Bloom)、色差 (ChromaticAberration)、景深 (DepthOfField)、晕影 (Vignette)。 请为以下各项提出具体的数值： 每个部分的滚动范围（以 % 或 vh 为单位） 动画参数（位置、旋转、缩放等的起始/结束值） 缓动函数（缓动类型） 相机 FOV、位置和目标值 灯光设置（强度、颜色、位置） 每个着色器的 Uniform 值（时间进程、滚动进度、色相、强度等）。