Hướng Dẫn Làm Website Animate 3D Bằng Combo Antigravity + Whisk AI + Flow AI Của Google

Gần đây, việc đưa đồ họa 3D lên nền web đã trở nên dễ dàng hơn bao giờ hết. Hôm nay mình đã thử sử dụng combo Whisk AI + Flow AI + Google Antigravity để tạo một Hero Section dạng Animated 3D và thực sự bị ấn tượng bởi quy trình làm việc cực kỳ tối ưu của combo công cụ đến từ Google này. 💡 Điều khiến mình bất ngờ nhất: Khả năng kết hợp luồng làm việc (workflow) mượt mà giữa việc tạo asset 3D và tự động hóa viết code. Nó không chỉ tạo ra một khối 3D tĩnh, mà cùng anh em hoàn thiện toàn bộ hiệu ứng chuyển động tương tác: ✅ Từ prompt đơn giản ➡️ Mô hình 3D chi tiết (Whisk AI). ✅ Từ mô hình tĩnh ➡️ Hiệu ứng Animated tương tác mượt mà (Flow AI). ✅ Băm video thành các hình ảnh tĩnh ✅ Tự động code bằng Antigravity để tạo website Animated 3D hoàn chỉnh. 🎉 Trong video này mình sẽ đề cập: 00:00 Giới thiệu: Website 3D Animated 00:21 Tải hình mẫu 01:17 Sử dụng Whisk AI để tạo hình 04:12 Dùng Flow AI để tạo Video 08:38 Hướng dẫn dùng ezgif để băm video thành hình ảnh 14:25 Sử dụng Antigravity để tạo web Animated 3D 21:41 Chạy web để xem thành quả 22:11 Quá trình fix lỗi 28:15 Kết quả sau khi code hoàn thành 🚀 Prompt mình dùng trong video ở đây nha: https://docs.google.com/document/d/1k... Nếu bạn là Dev hay Designer, đây là bộ công cụ bắt buộc phải biết trong năm nay để nâng cấp UI/UX cho website! Xem hết video để thấy mình biến một ý tưởng thiết kế điên rồ thành hiện thực như thế nào nhé! 🤝 Kết nối với mình tại: Gmail: huynhducnguyenht@gmail.com Facebook:   / nguyenhuynhducdotcom   #ai #antigravity #googleai #whiskai #flowai #frontend #ui