Xây dựng bàn phím tương tác với Hana

HanaCơ bản9 phút

Xin chào! 👋

Trong hướng dẫn này, bạn sẽ học cách tạo một bàn phím tương tác được làm 100% trong Hana. Chúng ta sẽ tìm hiểu cách thêm bóng đổ để tạo chiều sâu cho thiết kế và cách áp dụng sự kiện phím để tương tác với cảnh bằng chính bàn phím thật của bạn. Thiết kế này rất linh hoạt và có thể dùng theo nhiều cách khác nhau. Cùng bắt đầu nhé!

Remix bản demo này tại đây: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

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

  1. 0:00Giới thiệu
  2. 0:22Thêm frame cơ sở
  3. 0:34Tạo phần đế bàn phím
  4. 1:14Thêm bóng đổ cho đế bàn phím
  5. 1:37Tạo phím chữ và phím số
  6. 3:31Tạo phím Enter
  7. 3:45Thêm drop shadow cho số và chữ
  8. 4:07Thêm sự kiện nhấn phím
  9. 6:57Xây dựng tương tác màn hình
  10. 8:50Thiết kế hoàn chỉnh
  11. 9:04Kết thúc

Tài nguyên liên quan

Hướng dẫn liên quan

Tất cả hướng dẫn