# Cara Mencipta Zarah Pasir Interaktif dalam 3D - Spline Lanjutan | Menyelami Ciri - Spline Academy (https://spline.design/ms/academy/tutorials/how-to-create-interactive-sand-particles-in-3d)

> Helo semua! ⏳ Dalam video ini, anda akan belajar cara mencipta tekstur seperti pasir menggunakan sistem zarah 3D dan cara menjadikan pasir itu mengikut…

1. [Academy](https://spline.design/ms/academy)
2. [Kursus](https://spline.design/ms/academy/collections)
3. [Spline Lanjutan | Menyelami Ciri](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive)
4. Cara Mencipta Zarah Pasir Interaktif dalam 3D

# Cara Mencipta Zarah Pasir Interaktif dalam 3D

Pelajaran 11 daripada 17Spline 3DPertengahan11 min

Helo semua! ⏳ Dalam video ini, anda akan belajar cara mencipta tekstur seperti pasir menggunakan sistem zarah 3D dan cara menjadikan pasir itu mengikut kursor anda menggunakan Spline. Selain itu, kami akan melalui proses mengeksport daripada Spline ke laman web menggunakan Framer.

Masuk ke Spline 👉 <https://spline.design/> (Ia percuma! 😉)

Templat Framer: <https://the-growth.framer.website/>

Ketahui lebih lanjut tentang Particles <https://www.youtube.com/watch?v=lRhLWE%5FcXkc>

✨ Sertai komuniti Spline kami untuk mendapatkan inspirasi dan kongsi reka bentuk anda. <https://community.spline.design/>

💬 ❤️ Kongsi cadangan tutorial anda di ruangan komen.

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=0s)
2. [0:22Apakah Zarah?](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=22s)
3. [0:54Mencipta Sfera](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=54s)
4. [2:01Menambah Collider (Particle Force)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=121s)
5. [2:51Mencipta Zarah Pasir](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=171s)
6. [7:53Menjadikan Zarah Mengikut Kursor Anda (Peristiwa Follow)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=473s)
7. [8:36Mengeksport](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=516s)
8. [9:21Membenamkan ke dalam Framer](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=561s)

## Sumber berkaitan

- [Sand ParticlesTemplat](https://app.spline.design/academy/tutorials/how-to-create-interactive-sand-particles-in-3d?redirect-duplicate-template-uuid=170b2edb-5758-4d52-94c8-efc40408db7a&is-2d-file=false)
- [ParticlesDokumen](https://docs.spline.design/designing-in-3-d/particles)
- [Follow EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Gambaran keseluruhan

- Spline 3D
- 11 min
- Pertengahan

## Seterusnya

[Cara Mereka Bentuk Zarah Daun Interaktif dalam 3D9 minPertengahan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/how-to-design-interactive-leaf-particles-in-3d)[Teruskan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/how-to-design-interactive-leaf-particles-in-3d)

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