Trang trải nghiệm sản phẩm đồng hồ 3D cao cấp (Next.js + Three.js)

Thiết kế trang trải nghiệm sản phẩm 3D cho một chiếc đồng hồ đeo tay sang trọng.
**Người dùng mục tiêu:** khách hàng giàu có, những người đam mê đồng hồ và doanh nhân trong độ tuổi 30–50.
**Phong cách thương hiệu:** Sang trọng × Công nghệ (cảm giác cao cấp, tinh tế, hiện đại).
Trải nghiệm cuộn (5 phần):
Phần giới thiệu (Hero section) – chiếc đồng hồ từ từ hiện ra từ bóng tối vào ánh sáng trong khi xoay. Triển khai hiệu ứng ảnh ba chiều và phản xạ Fresnel bằng các shader tùy chỉnh.
Phóng to chi tiết (Detail zoom) – cận cảnh mặt số. Sử dụng GLSL để đạt được phản xạ kim loại, ánh xạ thị sai và độ bóng theo thời gian thực.
Phân tích cơ chế (Mechanism breakdown) – đồng hồ tháo rời và bộ máy bên trong trôi nổi trong không gian. Sử dụng shader dịch chuyển để tạo hiệu ứng trường năng lượng và thêm hiệu ứng phát sáng cho từng bộ phận.
Trải nghiệm vật liệu (Material experience) – chuyển đổi giữa các biến thể vật liệu khác nhau. Thể hiện độ kim loại, khúc xạ thủy tinh và kết cấu mờ của titan bằng shader PBR theo cách vật lý.
Kết thúc (Ending) – đồng hồ lắp ráp lại, với nền lưới gradient trừu tượng được tạo bằng shader tùy chỉnh. Áp dụng hậu xử lý như bloom và độ sâu trường ảnh.
**Ngăn xếp công nghệ:** Next.js 15 + Three.js + React Three Fiber + GLSL (shader tùy chỉnh) + react-postprocessing + Lenis.
Yêu cầu shader:
Shader phản xạ Fresnel (hiệu ứng rim-light)
Shader vật liệu PBR (độ nhám, kim loại, AO)
Shader ảnh ba chiều (hiệu ứng giao thoa óng ánh)
Shader dịch chuyển (hiệu ứng gợn sóng và biến dạng)
Shader nền tùy chỉnh (nhiễu gradient)
Hậu xử lý: Bloom, ChromaticAberration, DepthOfField, Vignette.
Vui lòng đề xuất các giá trị số cụ thể cho:
Phạm vi cuộn của mỗi phần (theo đơn vị % hoặc vh)
Thông số hoạt ảnh (giá trị bắt đầu/kết thúc cho vị trí, xoay, tỷ lệ, v.v.)
Hàm làm dịu (loại ease)
FOV, vị trí và giá trị mục tiêu của camera
Cài đặt ánh sáng (cường độ, màu sắc, vị trí)
Giá trị đồng nhất cho mỗi shader (tiến trình thời gian, tiến trình cuộn, sắc độ, cường độ, v.v.).