# Cipta Gumpalan 3D Beranimasi yang Bertindak Balas terhadap Tetikus Anda - Spline Academy (https://spline.design/ms/academy/tutorials/create-animated-3d-blobs-that-react-to-your-mouse)

> Dalam tutorial mesra pemula ini, kita akan bermula dari awal dan belajar cara mencipta gumpalan 3D yang berwarna-warni, beranimasi dan interaktif…

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cipta Gumpalan 3D Beranimasi yang Bertindak Balas terhadap Tetikus Anda

# Cipta Gumpalan 3D Beranimasi yang Bertindak Balas terhadap Tetikus Anda

Spline 3DPemula12 min

Dalam tutorial mesra pemula ini, kita akan bermula dari awal dan belajar cara mencipta gumpalan 3D yang berwarna-warni, beranimasi dan interaktif menggunakan Shape Blend.

Kami akan membimbing anda melalui beberapa petua mudah untuk menggunakan warna dan tekstur bagi mencipta peralihan yang licin dan gradien yang kelihatan semula jadi.

Selain itu, kami akan meneroka cara menambah peristiwa interaktif, seperti menukar bentuk gumpalan apabila anda menghalakan kursor ke atasnya.

\--

Temui lebih ramai pencipta dan projek hebat #MadeInSpline di <https://community.spline.design/>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=l32kDk5DU00&t=0s)
2. [0:24Mencipta Gumpalan dengan Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=24s)
3. [1:31Menambah Warna](https://www.youtube.com/watch?v=l32kDk5DU00&t=91s)
4. [3:21Menambah Kesan Cahaya dan Tekstur](https://www.youtube.com/watch?v=l32kDk5DU00&t=201s)
5. [5:20Menganimasikan Gumpalan Kita](https://www.youtube.com/watch?v=l32kDk5DU00&t=320s)
6. [6:49Cara Menjadikan Animasi Berulang](https://www.youtube.com/watch?v=l32kDk5DU00&t=409s)
7. [8:32Kesan Interaktif dengan Kursor](https://www.youtube.com/watch?v=l32kDk5DU00&t=512s)
8. [9:44Petua Pantas](https://www.youtube.com/watch?v=l32kDk5DU00&t=584s)
9. [10:38Contoh Lain Adegan Interaktif dengan Shape Blend](https://www.youtube.com/watch?v=l32kDk5DU00&t=638s)
10. [11:00Komuniti Spline Kami](https://www.youtube.com/watch?v=l32kDk5DU00&t=660s)
11. [11:05Jadilah Pereka Minggu Ini Kami yang Seterusnya!](https://www.youtube.com/watch?v=l32kDk5DU00&t=665s)

## Sumber berkaitan

- [Animated Shape BlendTemplat](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)

## Gambaran keseluruhan

- Spline 3D
- 12 min
- Pemula

## Sebahagian daripada

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

## Tutorial berkaitan

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

[Animasikan Gumpalan 3D Organik dengan KeadaanSpline 3DPemula5 min](https://spline.design/ms/academy/tutorials/animate-organic-3d-blobs-with-states)[Cara mencipta gumpalan 3D menggunakan SplineSpline 3DPemula14 min](https://spline.design/ms/academy/tutorials/how-to-create-3d-blobs-using-spline)[Perhalus & Gayakan Ikon 3D dengan BahanSpline 3DPemula9 min](https://spline.design/ms/academy/tutorials/refine-style-3d-icons-with-materials)

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