# Animasikan Gumpalan 3D Organik dengan Keadaan - Spline Academy (https://spline.design/ms/academy/tutorials/animate-organic-3d-blobs-with-states)

> ☀️ Kemas kini: UI Spline telah dipertingkat, dan kami kini memperkenalkan konsep Actions yang memberi lebih banyak ruang untuk interaksi. Dalam panel…

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Animasikan Gumpalan 3D Organik dengan Keadaan

# Animasikan Gumpalan 3D Organik dengan Keadaan

Spline 3DPemula5 min

☀️ Kemas kini: UI Spline telah dipertingkat, dan kami kini memperkenalkan konsep Actions yang memberi lebih banyak ruang untuk interaksi. Dalam panel peristiwa, bahagian "Objects" sebelum ini kini dipanggil Transition (iaitu sebuah tindakan). Jadikan tindakan peralihan anda bergerak daripada Current (Base State) ke State.

Hai! Dalam tutorial ini, anda akan belajar cara mencipta dan menambah gerakan/animasi pada gumpalan 3D menggunakan bahan Spline dan peralihan keadaan.

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

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=KclCVV4bnow&t=0s)
2. [0:27Mencipta sfera](https://www.youtube.com/watch?v=KclCVV4bnow&t=27s)
3. [1:28Mencipta bahan](https://www.youtube.com/watch?v=KclCVV4bnow&t=88s)
4. [3:34Menganimasikan ubah bentuk](https://www.youtube.com/watch?v=KclCVV4bnow&t=214s)
5. [4:13Meneroka alternatif](https://www.youtube.com/watch?v=KclCVV4bnow&t=253s)

## Sumber berkaitan

- [Blob Soft AnimationTemplat](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 & ShadingDokumen](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Displace LayerDokumen](https://docs.spline.design/materials-shading/displace-layer)
- [Transition ActionDokumen](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)
- [Events & InteractivityDokumen](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)

## Gambaran keseluruhan

- Spline 3D
- 5 min
- Pemula

## Sebahagian daripada

- [Animasi & Interaksi dalam Spline](https://spline.design/ms/academy/collections/animation-interactions-in-spline/animate-organic-3d-blobs-with-states)

## Tutorial berkaitan

[Semua tutorial](https://spline.design/ms/academy/tutorials)

[Cipta Gumpalan 3D Beranimasi yang Bertindak Balas terhadap Tetikus AndaSpline 3DPemula12 min](https://spline.design/ms/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)[Cara mencipta gumpalan 3D menggunakan SplineSpline 3DPemula14 min](https://spline.design/ms/academy/tutorials/how-to-create-3d-blobs-using-spline)[Perhalus & Gayakan Ikon 3D dengan BahanSpline 3DPemula9 min](https://spline.design/ms/academy/tutorials/refine-style-3d-icons-with-materials)

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ms/academy)
- [API Spline](https://www.npmjs.com/package/@splinetool/runtime)
- [Penyelesaian](https://spline.design/solutions)

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

- [Terma & Syarat](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Hubungi

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

© 2026 - Spline, Inc.