# Tạo hoạt ảnh cho khối blob 3D hữu cơ bằng trạng thái - Spline Academy (https://spline.design/vi/academy/tutorials/animate-organic-3d-blobs-with-states)

> ☀️ Cập nhật: Giao diện Spline đã được cải thiện, và giờ chúng tôi đã giới thiệu khái niệm Actions, cho phép tạo tương tác linh hoạt hơn nhiều. Trong bảng sự…

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 khối blob 3D hữu cơ bằng trạng thái

# Tạo hoạt ảnh cho khối blob 3D hữu cơ bằng trạng thái

Spline 3DCơ bản5 phút

☀️ Cập nhật: Giao diện Spline đã được cải thiện, và giờ chúng tôi đã giới thiệu khái niệm Actions, cho phép tạo tương tác linh hoạt hơn nhiều. Trong bảng sự kiện, mục "Objects" trước đây giờ được gọi là Transition (đây là một hành động). Hãy cho hành động transition của bạn đi từ Current (Base State) đến State.

Xin chào! Trong hướng dẫn này, bạn sẽ học cách tạo và thêm chuyển động/hoạt ảnh cho một khối blob 3D bằng vật liệu Spline và chuyển tiếp trạng thái.

Demo: <https://my.spline.design/animateblobtutorial-3cd0ff763c85d6c7932987288496472e/> Remix: <https://app.spline.design/file/8784fb55-d7a0-4a39-b00c-b88ab4524c2e>

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

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=KclCVV4bnow&t=0s)
2. [0:27Tạo quả cầu](https://www.youtube.com/watch?v=KclCVV4bnow&t=27s)
3. [1:28Tạo vật liệu](https://www.youtube.com/watch?v=KclCVV4bnow&t=88s)
4. [3:34Tạo hoạt ảnh biến dạng](https://www.youtube.com/watch?v=KclCVV4bnow&t=214s)
5. [4:13Khám phá các phương án khác](https://www.youtube.com/watch?v=KclCVV4bnow&t=253s)

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

- [Blob Soft AnimationMẫu](https://app.spline.design/academy/tutorials/animate-organic-3d-blobs-with-states?redirect-duplicate-template-uuid=8d2738da-646b-4647-8a1e-696489259738&is-2d-file=false)
- [Materials & ShadingTài liệu](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Displace LayerTài liệu](https://docs.spline.design/materials-shading/displace-layer)
- [Transition ActionTài liệu](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Events & InteractivityTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)

## Tổng quan

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

## Thuộc

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

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

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

[Tạo khối blob 3D có hoạt ảnh phản hồi theo chuộtSpline 3DCơ bản12 phút](https://spline.design/vi/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)[Cách tạo khối blob 3D bằng SplineSpline 3DCơ bản14 phút](https://spline.design/vi/academy/tutorials/how-to-create-3d-blobs-using-spline)[Tinh chỉnh và tạo phong cách cho icon 3D bằng vật liệuSpline 3DCơ bản9 phút](https://spline.design/vi/academy/tutorials/refine-style-3d-icons-with-materials)

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