# Thổi hồn vào chú robot 3D tương tác - Hoạt ảnh và tương tác trong Spline - Spline Academy (https://spline.design/vi/academy/tutorials/bring-an-interactive-3d-robot-to-life)

> Xin chào! 👋 Lần này chúng tôi đã sẵn sàng vui vẻ và chỉ cho bạn những cách khác nhau để nâng tầm một nhân vật 3D bằng cách làm nó tương tác! Xem Spline:…

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Hoạt ảnh và tương tác trong Spline](https://spline.design/vi/academy/collections/animation-interactions-in-spline)
4. Thổi hồn vào chú robot 3D tương tác

# Thổi hồn vào chú robot 3D tương tác

Bài 7 / 14Spline 3DCơ bản13 phút

Xin chào! 👋 Lần này chúng tôi đã sẵn sàng vui vẻ và chỉ cho bạn những cách khác nhau để nâng tầm một nhân vật 3D bằng cách làm nó tương tác! Xem Spline: <https://spline.design/>

Bạn sẽ học cách làm chú robot dễ thương này đi theo con trỏ, đổi biểu cảm hoặc màu sắc chỉ với một cú nhấp, và nhiều hơn thế nữa!

Đây là thứ bạn có thể dễ dàng tích hợp vào dự án hoặc website của mình mà không cần code ;)

Bạn có thể dùng bất kỳ nhân vật nào mình thích, hoặc tải nhân vật này về và làm theo hướng dẫn.

🤖 Remix: <https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a>

Chúc bạn học vui!

Tương tác ở phút 10:44 lấy cảm hứng từ Gaurav Kallugadde (@gaurav\_paints) ❤️

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=0s)
2. [0:37Cho nhân vật nhìn theo con trỏ - sự kiện Look At](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=37s)
3. [1:34Tương tác Mouse Hover](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=94s)
4. [3:26Tương tác Mouse Press và Mouse Down](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=206s)
5. [4:45Đổi màu nhân vật](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=285s)
6. [10:44Đổi biểu cảm khuôn mặt](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=644s)
7. [12:27Điều khiển game](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=747s)

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

- [Robot Interactive EventsMẫu](https://app.spline.design/academy/tutorials/bring-an-interactive-3d-robot-to-life?redirect-duplicate-template-uuid=83094eb4-8202-4a49-894e-75e435da5f82&is-2d-file=false)
- [How state-based animation worksTài liệu](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Tổng quan

- Spline 3D
- 13 phút
- Cơ bản

## Tiếp theo

[Tạo nhân vật chú ong tương tác cho web14 phútTrung cấp](https://spline.design/vi/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)[Tiếp tục](https://spline.design/vi/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)

[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.