Tạo tương tác Follow 2D

Bài 6 / 15HanaCơ bản8 phút

Nếu đây là lần đầu bạn thử thiết kế 2D tương tác, đây là nơi tuyệt vời để bắt đầu! 😉 Trong hướng dẫn này, chúng tôi sẽ hướng dẫn bạn từng bước cách dễ dàng tạo một tương tác 2D đi theo con trỏ (hoặc theo thao tác chạm trên thiết bị di động) bằng Hana, một canvas thời gian thực mới để thiết kế và tạo hoạt ảnh cho các trải nghiệm 2D tương tác.

Chúng ta sẽ xây dựng tương tác vui nhộn này bằng cách áp dụng sự kiện Follow để tạo ra một chuỗi phản ứng mượt mà, liền mạch. Đây là cách thú vị và dễ dàng để thêm chút chuyển động và cá tính cho website hoặc dự án của bạn.

Demo 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Học cách tạo hiệu ứng này ở dạng 3D bằng trình chỉnh sửa 3D của Spline: https://youtu.be/TQe5Ae16rE8

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

  1. 0:00Bắt đầu
  2. 0:49Tạo hình elip và áp dụng sự kiện Follow
  3. 2:41Điều chỉnh giá trị Damping và kích thước
  4. 6:10Xuất và nhúng thiết kế

Tài nguyên liên quan