← Tất cả templateẨm thực & Đồ uống
▶ Demo thực tế của template — giao diện, hiệu ứng và chuyển động khi chạy. ⤢ Mở toàn màn hình
Bánh Mì Bé Mập
Ổ bánh mì “nổ tung” thành từng lớp nguyên liệu 3D lơ lửng, cuộn để ráp lại — kèm trình tự chọn nhân cập nhật ổ bánh và giá theo thời gian thực.
Điểm nổi bật
- 6 lớp nguyên liệu AI đặt trong không gian 3D, bóng đổ mềm, parallax theo chuột
- Cuộn trang để ráp ổ bánh từ trạng thái “nổ tung”
- Tự chọn nhân: tắt nguyên liệu → lớp đó bay ra, tổng tiền tự cập nhật
- Rê chuột lên từng lớp để xem tên, giao diện neo-brutalism pastel
- Kỹ thuật
- Lớp ảnh AI cắt nền trong không gian 3D, lắp ráp theo cuộn
- Bảng màu
- Font chữ
- Baloo 2 · Quicksand
- Công nghệ
- Three.js · Motion · Vite · GPT Image
Hướng dẫn sử dụng