# Bentuk Cecair 3D Interaktif yang Mengikut Kursor - Animasi & Interaksi dalam Spline - Spline Academy (https://spline.design/ms/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

> Dalam tutorial ini, kami akan membimbing anda menghasilkan reka bentuk berinspirasikan cecair menggunakan shape blending. Bersama-sama, kita akan mencipta…

1. [Academy](https://spline.design/ms/academy)
2. [Kursus](https://spline.design/ms/academy/collections)
3. [Animasi & Interaksi dalam Spline](https://spline.design/ms/academy/collections/animation-interactions-in-spline)
4. Bentuk Cecair 3D Interaktif yang Mengikut Kursor

# Bentuk Cecair 3D Interaktif yang Mengikut Kursor

Pelajaran 4 daripada 14Spline 3DPemula12 min

Dalam tutorial ini, kami akan membimbing anda menghasilkan reka bentuk berinspirasikan cecair menggunakan shape blending. Bersama-sama, kita akan mencipta bentuk seperti air yang memukau, menambah lut sinar dan kesan lain untuk mencapai estetika berkilat, dan melaksanakan interaksi yang menjadikan bentuk itu mengikut kursor anda, menghidupkan reka bentuk anda dengan animasi yang licin!

🌊 Adun semula: <https://app.spline.design/file/7f488663-6208-4bb0-802a-70bfaa865b27>

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=5W0BSoS24Jk&t=0s)
2. [0:21Mereka bentuk bentuk abstrak](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=21s)
3. [1:46Cara menghasilkan bahan lut sinar dan berkilat](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=106s)
4. [4:38Petua Pantas: Cloner + Randomness untuk animasi berulang](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=278s)
5. [5:54Keajaiban Interaktif: Jadikan bentuk anda mengikut kursor (peristiwa Follow)](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=354s)
6. [9:31Petua Pantas: Cipta meja putar beranimasi yang menarik perhatian](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=571s)

## Sumber berkaitan

- [Water InteractionTemplat](https://app.spline.design/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor?redirect-duplicate-template-uuid=f4fc1df0-cb80-4a65-9db1-68f1440194c4&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)
- [Follow EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Gambaran keseluruhan

- Spline 3D
- 12 min
- Pemula

## Seterusnya

[Animasikan Kotak 3D Interaktif4 minPertengahan](https://spline.design/ms/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)[Teruskan](https://spline.design/ms/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)

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