# Membuat Blob 3D Beranimasi yang Bereaksi terhadap Mouse - Spline 101 | Membuat Scene Interaktif Pertama Anda - 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. [Kursus](https://spline.design/id/academy/collections)
3. [Spline 101 | Membuat Scene Interaktif Pertama Anda](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene)
4. Membuat Blob 3D Beranimasi yang Bereaksi terhadap Mouse

# Membuat Blob 3D Beranimasi yang Bereaksi terhadap Mouse

Pelajaran 15 dari 16Spline 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

## Berikutnya

[Ubah Desain Spline Anda Menjadi Pengalaman Web Interaktif10 mntPemula](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)[Lanjutkan](https://spline.design/id/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

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