럭셔리 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, 위치 및 타겟 값
조명 설정 (강도, 색상, 위치)
각 셰이더의 유니폼 값 (시간 진행, 스크롤 진행, 색조, 강도 등).