Tạo nhân vật chú ong tương tác cho web

Bài 8 / 14Spline 3DTrung cấp14 phút

Chào mừng trở lại! 🙌 Trong video hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo một trải nghiệm tương tác với nhân vật chú ong đáng yêu. Xem Spline: https://spline.design/

Bạn sẽ học cách tạo hoạt ảnh lặp cho cánh và mắt của chú ong, và thiết lập hiệu ứng chuyển tiếp tương tác giúp các phần tử di chuyển hoặc xuất hiện trên màn hình khi nhấp nút, bằng sự kiện Mouse Down.

Tải chú ong 3D này về và làm theo hướng dẫn.

🐝 Remix: https://app.spline.design/file/68152128-3ac0-4fdd-a941-1cdcbe075c43

Tìm hiểu thêm về các sự kiện tương tác trong tài liệu Spline! 📘 https://docs.spline.design/

Chúc bạn học vui!

Bạn sẽ học được gì

  1. 0:00Giới thiệu
  2. 0:38Tạo hoạt ảnh lặp cho cánh
  3. 2:44Thêm mắt chớp
  4. 4:13Tạo hiệu ứng chuyển tiếp bằng nút bấm (sự kiện Mouse Down)
  5. 11:53Thiết lập camera và xuất cho website

Tài nguyên liên quan