# Menganimasikan Blob 3D Organik dengan State - Spline Academy (https://spline.design/id/academy/tutorials/animate-organic-3d-blobs-with-states)

> ☀️ Pembaruan: UI Spline telah ditingkatkan, dan kini kami memperkenalkan konsep Actions yang memberi jauh lebih banyak ruang untuk interaksi. Di dalam panel…

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Menganimasikan Blob 3D Organik dengan State

# Menganimasikan Blob 3D Organik dengan State

Spline 3DPemula5 mnt

☀️ Pembaruan: UI Spline telah ditingkatkan, dan kini kami memperkenalkan konsep Actions yang memberi jauh lebih banyak ruang untuk interaksi. Di dalam panel event, bagian "Objects" yang sebelumnya kini bernama Transition (yang merupakan sebuah action). Atur action transisi Anda dari Current (Base State) ke State.

Halo! Dalam tutorial ini, Anda akan belajar membuat dan menambahkan gerakan/animasi pada blob 3D dengan material Spline dan transisi state.

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

## Yang akan Anda pelajari

1. [0:00Pengantar](https://www.youtube.com/watch?v=KclCVV4bnow&t=0s)
2. [0:27Membuat bola](https://www.youtube.com/watch?v=KclCVV4bnow&t=27s)
3. [1:28Membuat material](https://www.youtube.com/watch?v=KclCVV4bnow&t=88s)
4. [3:34Menganimasikan deformasi](https://www.youtube.com/watch?v=KclCVV4bnow&t=214s)
5. [4:13Menjelajahi alternatif](https://www.youtube.com/watch?v=KclCVV4bnow&t=253s)

## Sumber terkait

- [Blob Soft AnimationTemplate](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)

## Ikhtisar

- Spline 3D
- 5 mnt
- Pemula

## Bagian dari

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

## Tutorial terkait

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

[Membuat Blob 3D Beranimasi yang Bereaksi terhadap MouseSpline 3DPemula12 mnt](https://spline.design/id/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)[Cara membuat blob 3D dengan SplineSpline 3DPemula14 mnt](https://spline.design/id/academy/tutorials/how-to-create-3d-blobs-using-spline)[Menyempurnakan & Memberi Gaya Ikon 3D dengan MaterialSpline 3DPemula9 mnt](https://spline.design/id/academy/tutorials/refine-style-3d-icons-with-materials)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

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

#### Kontak

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

© 2026 - Spline, Inc.