# Bentuk Cecair 3D Interaktif yang Mengikut Kursor - 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. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Bentuk Cecair 3D Interaktif yang Mengikut Kursor

# Bentuk Cecair 3D Interaktif yang Mengikut Kursor

Spline 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

## Sebahagian daripada

- [Animasi & Interaksi dalam Spline](https://spline.design/ms/academy/collections/animation-interactions-in-spline/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

## Tutorial berkaitan

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

[Cara Menambah Interaksi Follow pada Objek 3DSpline 3DPemula6 min](https://spline.design/ms/academy/tutorials/how-to-add-a-follow-interaction-to-a-3d-object)[Cipta Animasi Tatal 3D & Sepadukan ke dalam FramerSpline 3DPemula12 min](https://spline.design/ms/academy/tutorials/create-a-3d-scroll-animation-integrate-into-framer)[Mereka bentuk laman web 3D dengan Spline dan FramerSpline 3DPemula14 min](https://spline.design/ms/academy/tutorials/designing-a-3d-website-with-spline-and-framer)

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