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

Một prompt tiếng Nhật dài, chi tiết để thiết kế trang web trải nghiệm sản phẩm 3D sang trọng cho đồng hồ cao cấp, sử dụng Next.js, Three.js, React Three Fiber, GLSL, cùng các yêu cầu cụ thể về phần cuộn và shader.

Câu lệnh
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.).

Cách dùng prompt này

  1. 1

    Sao chép toàn bộ prompt ở trên.

  2. 2

    Mở một nền tảng hỗ trợ Gemini 3 Pro, chẳng hạn như YouMind, rồi dán prompt vào.

  3. 3

    Đổi chủ thể, phong cách hoặc chi tiết cho hợp ý bạn, rồi tạo.

Đây là một prompt AI miễn phí từ thư viện prompt của YouMind. Khám phá hàng nghìn prompt trang web khác, tất cả đều miễn phí để sao chép và chỉnh sửa.

Khám phá thêm prompt trang web

Thêm tính năng prompt

Thư viện AI

AI tìm kiếm prompt

Để AI tìm kiếm trong hàng chục nghìn prompt. Lọc theo mô hình, khoảng thời gian, từ khóa và sắp xếp theo lượt tương tác như lượt xem, lưu, chia sẻ.

Công cụ thị giác

Ảnh thành prompt

Biến mọi bức ảnh thành prompt ảnh AI chi tiết. Công cụ chuyển ảnh thành prompt miễn phí phân tích bố cục, phong cách và ánh sáng để bạn tái hiện bất kỳ phong cách nào trong vài giây.

Dành cho nhà sáng tạo. Miễn phí mãi mãi.

YouMind là copilote sáng tạo AI được các nhà sáng tạo trên toàn cầu tin dùng. Mỗi prompt đều được tuyển chọn để giúp bạn sáng tạo nhanh hơn và tốt hơn.

Khám phá thêm prompt