# Membuat Blob 3D Beranimasi yang Bereaksi terhadap Mouse - Spline Academy (https://spline.design/id/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

> Dalam tutorial yang ramah pemula ini, kita akan mulai dari nol dan belajar membuat blob 3D yang berwarna-warni, beranimasi, dan interaktif dengan Shape Blend.

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Membuat Blob 3D Beranimasi yang Bereaksi terhadap Mouse

# Membuat Blob 3D Beranimasi yang Bereaksi terhadap Mouse

Spline 3DPemula12 mnt

Dalam tutorial yang ramah pemula ini, kita akan mulai dari nol dan belajar membuat blob 3D yang berwarna-warni, beranimasi, dan interaktif dengan Shape Blend.

Kami akan memandu Anda dengan beberapa tips mudah untuk menerapkan warna dan tekstur agar menghasilkan transisi yang halus dan gradien yang terlihat alami.

Selain itu, kita akan menjelajahi cara menambahkan event interaktif, seperti mengubah bentuk blob saat kursor diarahkan ke atasnya.

\--

Temukan lebih banyak kreator dan proyek luar biasa #MadeInSpline di <https://community.spline.design/>

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=l32kDk5DU00&t=0s)
2. [0:24Membuat blob dengan Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=24s)
3. [1:31Menambahkan warna](https://www.youtube.com/watch?v=l32kDk5DU00&t=91s)
4. [3:21Menambahkan efek glow dan tekstur](https://www.youtube.com/watch?v=l32kDk5DU00&t=201s)
5. [5:20Menganimasikan blob](https://www.youtube.com/watch?v=l32kDk5DU00&t=320s)
6. [6:49Cara membuat animasi berulang](https://www.youtube.com/watch?v=l32kDk5DU00&t=409s)
7. [8:32Efek interaktif dengan kursor](https://www.youtube.com/watch?v=l32kDk5DU00&t=512s)
8. [9:44Tips singkat](https://www.youtube.com/watch?v=l32kDk5DU00&t=584s)
9. [10:38Contoh lain scene interaktif dengan Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=638s)
10. [11:00Komunitas Spline kami](https://www.youtube.com/watch?v=l32kDk5DU00&t=660s)
11. [11:05Jadilah Designer of the Week berikutnya!](https://www.youtube.com/watch?v=l32kDk5DU00&t=665s)

## Sumber terkait

- [Animated Shape BlendTemplate](https://app.spline.design/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse?redirect-duplicate-template-uuid=546ba9b3-f563-43e4-bbd7-a72c5941902e&is-2d-file=false)
- [Shape BlendDokumen](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Materials & ShadingDokumen](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [How state-based animation worksDokumen](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Follow EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Ikhtisar

- Spline 3D
- 12 mnt
- Pemula

## Bagian dari

- [Spline 101 | Membuat Scene Interaktif Pertama Anda](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene/create-animated-3d-blobs-that-react-to-your-mouse)

## Tutorial terkait

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

[Menganimasikan Blob 3D Organik dengan StateSpline 3DPemula5 mnt](https://spline.design/id/academy/tutorials/animate-organic-3d-blobs-with-states)[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.