# Cara Mencipta Zarah Pasir Interaktif dalam 3D - 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. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cara Mencipta Zarah Pasir Interaktif dalam 3D

# Cara Mencipta Zarah Pasir Interaktif dalam 3D

Spline 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

## Sebahagian daripada

- [Spline Lanjutan | Menyelami Ciri](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-sand-particles-in-3d)

## Tutorial berkaitan

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

[Cara Membina Bola 3D Reaktif dengan Gerakan dan InteraksiSpline 3DPertengahan7 min](https://spline.design/ms/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Cara Mencipta Visualisasi Data 3D dalam Spline Menggunakan Pemboleh Ubah dan API Masa NyataSpline 3DLanjutan15 min](https://spline.design/ms/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Cipta Bahan Liquid Glass dalam 3DSpline 3DPemula12 min](https://spline.design/ms/academy/tutorials/create-liquid-glass-materials-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.