# Menganimasikan Blob 3D Organik dengan State - Animasi & Interaksi di Spline - 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. [Kursus](https://spline.design/id/academy/collections)
3. [Animasi & Interaksi di Spline](https://spline.design/id/academy/collections/animation-interactions-in-spline)
4. Menganimasikan Blob 3D Organik dengan State

# Menganimasikan Blob 3D Organik dengan State

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

## Berikutnya

[Memutar & Menganimasikan Objek 3D6 mntPemula](https://spline.design/id/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)[Lanjutkan](https://spline.design/id/academy/collections/animation-interactions-in-spline/rotate-animate-3d-objects)

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