# Bắt đầu với 2D tương tác trong Hana - Hana | Mọi điều bạn cần biết - Spline Academy (https://spline.design/vi/academy/tutorials/get-started-with-interactive-2d-in-hana)

> Hana là một canvas thiết kế 2D thời gian thực mới trong Spline, cho phép bạn tạo các cảnh có hoạt ảnh và tương tác ngay trong trình duyệt. Video giới thiệu…

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Hana | Mọi điều bạn cần biết](https://spline.design/vi/academy/collections/hana-everything-you-need-to-know)
4. Bắt đầu với 2D tương tác trong Hana

# Bắt đầu với 2D tương tác trong Hana

Bài 1 / 15HanaCơ bản17 phút

Hana là một canvas thiết kế 2D thời gian thực mới trong Spline, cho phép bạn tạo các cảnh có hoạt ảnh và tương tác ngay trong trình duyệt. Video giới thiệu này giúp người dùng làm quen với giao diện và hướng dẫn người mới bắt đầu qua quá trình tạo các sự kiện 2D tương tác.

Phần hướng dẫn bao gồm giao diện, tính năng, trạng thái, sự kiện và các tùy chọn xuất, đồng thời trình diễn cách tạo hoạt ảnh và chia sẻ thiết kế.

Dù bạn mới bắt đầu hay muốn mở rộng kỹ năng, video này sẽ mang đến cho bạn nền tảng để bắt đầu sáng tạo với Hana.

✨ Xem và nhân bản các cảnh trong video: <https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c>

Khám phá thêm nhiều nhà sáng tạo và dự án tuyệt vời #MadeInSpline tại <https://community.spline.design/>

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=DD8z1voLghU&t=0s)
2. [0:26Cách tạo tệp thiết kế 2D](https://www.youtube.com/watch?v=DD8z1voLghU&t=26s)
3. [0:55Khám phá giao diện và tính năng của Hana](https://www.youtube.com/watch?v=DD8z1voLghU&t=55s)
4. [7:47Cách thêm hoạt ảnh và tương tác cho thiết kế 2D](https://www.youtube.com/watch?v=DD8z1voLghU&t=467s)
5. [9:24Tạo một ví dụ tương tác đơn giản](https://www.youtube.com/watch?v=DD8z1voLghU&t=564s)
6. [13:51Cách xuất và nhúng thiết kế](https://www.youtube.com/watch?v=DD8z1voLghU&t=831s)
7. [15:58Cách chia sẻ thiết kế và thiết lập quyền chỉnh sửa](https://www.youtube.com/watch?v=DD8z1voLghU&t=958s)

## Tài nguyên liên quan

- [Hana Public DemosMẫu](https://app.spline.design/academy/tutorials/get-started-with-interactive-2d-in-hana?redirect-duplicate-template-uuid=91cbe967-5529-4c64-aa6c-7872116ddb5a&is-2d-file=true)

## Tổng quan

- Hana
- 17 phút
- Cơ bản

## Tiếp theo

[Thêm chiều sâu cho thiết kế Hana với hiệu ứng 3D Shape3 phútCơ bản](https://spline.design/vi/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Tiếp tục](https://spline.design/vi/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)

[Spline](https://spline.design/vi)

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

- [Web](https://spline.design/vi/web)
- [iOS](https://spline.design/vi/ios)
- [Android](https://spline.design/vi/android)

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.