Website quán trà sữa với 5 model 3D: bàn xoay 3 ly kéo để chọn món, máy “tự pha” dựng ly 3D có vệt đường đen, đá nổi và trân châu rơi theo vật lý, linh vật Bé Châu biết nói, thẻ tích điểm đóng dấu.
▶ Demo thực tế của template — giao diện, hiệu ứng và chuyển động khi chạy.
Điểm nổi bật
◆Intro chữ TRÂN CHÂU được rót đầy trà theo tiến độ tải thật, rồi bị “hút” lên như ống hút — không có số %
◆Bàn xoay gỗ 3 ly: tự xoay, kéo có quán tính, ly phía trước to lên và hiện tên, mô tả, giá
◆Tự pha: 5 vị nền, độ ngọt đổi vệt đường hổ vằn, đá nổi, 5 topping rơi vào ly va chạm thật, kem cheese, size, tổng tiền, niêm nắp + ống hút khi đặt
◆Thực đơn thẻ nghiêng 3D, quy trình, linh vật 3D biết nói, thẻ tích 10 dấu, gallery, túi giao hàng 3D; song ngữ
Kỹ thuật
5 model GLB (Tripo) trên bàn xoay · ly 3D tự dựng + vật lý trân châu tự viết
Bảng màu
Font chữ
Paytone One · Nunito
Công nghệ
Three.js · GLTF + meshopt · Motion · Lenis · Vite · Tripo 3D · GPT Image
