# Animasikan Gumpalan 3D Organik dengan Keadaan - Animasi & Interaksi dalam Spline - 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. [Kursus](https://spline.design/ms/academy/collections)
3. [Animasi & Interaksi dalam Spline](https://spline.design/ms/academy/collections/animation-interactions-in-spline)
4. Animasikan Gumpalan 3D Organik dengan Keadaan

# Animasikan Gumpalan 3D Organik dengan Keadaan

Pelajaran 13 daripada 14Spline 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

## Seterusnya

[Putar & Animasikan Objek 3D6 minPemula](https://spline.design/ms/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)[Teruskan](https://spline.design/ms/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)

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