# Tạo hoạt ảnh cho các hộp 3D tương tác - Spline Academy (https://spline.design/vi/academy/tutorials/animate-interactive-3d-boxes)

> Xin chào! Trong hướng dẫn này, chúng ta sẽ vui vẻ học cách tạo một tương tác trong đó, khi bạn di con trỏ qua nhiều khối lập phương, chúng tinh nghịch đổi…

1. [Academy](https://spline.design/vi/academy)
2. [Hướng dẫn](https://spline.design/vi/academy/tutorials)
3. Tạo hoạt ảnh cho các hộp 3D tương tác

# Tạo hoạt ảnh cho các hộp 3D tương tác

Spline 3DTrung cấp4 phút

Xin chào! Trong hướng dẫn này, chúng ta sẽ vui vẻ học cách tạo một tương tác trong đó, khi bạn di con trỏ qua nhiều khối lập phương, chúng tinh nghịch đổi vị trí và đổi màu.

Và chỉ mất chưa đến 5 phút! 👀 Xem Spline: <https://spline.design/>

Remix 👉 <https://app.spline.design/file/8f4650a0-c475-415a-a6d5-c914d47c16bd>

Chia sẻ phiên bản của bạn trong cộng đồng tại <https://community.spline.design/> Chúng tôi rất nóng lòng được xem 🤩

Chúc bạn học vui!

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=RmC2xEtXobE&t=0s)
2. [0:12Tạo khối lập phương](https://www.youtube.com/watch?v=RmC2xEtXobE&t=12s)
3. [0:31Thêm màu sắc và vật liệu](https://www.youtube.com/watch?v=RmC2xEtXobE&t=31s)
4. [1:29Thêm chiều sâu](https://www.youtube.com/watch?v=RmC2xEtXobE&t=89s)
5. [1:56Tạo tương tác Mouse Hover](https://www.youtube.com/watch?v=RmC2xEtXobE&t=116s)
6. [2:39Nhân bản khối lập phương](https://www.youtube.com/watch?v=RmC2xEtXobE&t=159s)
7. [4:00Tùy chọn xuất và cảm hứng từ cộng đồng](https://www.youtube.com/watch?v=RmC2xEtXobE&t=240s)

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

- [Interactive Cubes ExperienceMẫu](https://app.spline.design/academy/tutorials/animate-interactive-3d-boxes?redirect-duplicate-template-uuid=3274b34e-60fa-4a92-bb4a-2fb5383f3021&is-2d-file=false)
- [Mouse Hover EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-hover-event)
- [Cloner MotionTài liệu](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [ComponentsTài liệu](https://docs.spline.design/designing-in-3-d/components)
- [Transition ActionTài liệu](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)

## Tổng quan

- Spline 3D
- 4 phút
- Trung cấp

## Thuộc

- [Hoạt ảnh và tương tác trong Spline](https://spline.design/vi/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)

## Hướng dẫn liên quan

[Tất cả hướng dẫn](https://spline.design/vi/academy/tutorials)

[Thổi hồn vào chú robot 3D tương tácSpline 3DCơ bản13 phút](https://spline.design/vi/academy/tutorials/bring-an-interactive-3d-robot-to-life)[Xuất trải nghiệm tương tác dạng native cho iOS và visionOSSpline 3DTrung cấp15 phút](https://spline.design/vi/academy/tutorials/export-interactive-experiences-natively-for-ios-and-visionos)[Cách xuất 3D native cho AndroidSpline 3DTrung cấp12 phút](https://spline.design/vi/academy/tutorials/how-to-export-native-3d-for-android)

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