# Cara Membuat Partikel Pasir Interaktif dalam 3D - Spline Academy (https://spline.design/id/academy/tutorials/how-to-create-interactive-sand-particles-in-3d)

> Halo semuanya! ⏳ Dalam video ini, Anda akan belajar membuat tekstur menyerupai pasir dengan sistem partikel 3D dan membuat pasir itu mengikuti kursor Anda…

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Cara Membuat Partikel Pasir Interaktif dalam 3D

# Cara Membuat Partikel Pasir Interaktif dalam 3D

Spline 3DMenengah11 mnt

Halo semuanya! ⏳ Dalam video ini, Anda akan belajar membuat tekstur menyerupai pasir dengan sistem partikel 3D dan membuat pasir itu mengikuti kursor Anda di Spline. Selain itu, kita akan menelusuri proses ekspor dari Spline ke situs web dengan Framer.

Langsung ke Spline 👉 <https://spline.design/> (Gratis! 😉)

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

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

✨ Bergabunglah dengan komunitas Spline untuk mencari inspirasi dan membagikan desain Anda. <https://community.spline.design/>

💬 ❤️ Bagikan usulan tutorial Anda di kolom komentar.

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=0s)
2. [0:22Apa itu partikel?](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=22s)
3. [0:54Membuat bola](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=54s)
4. [2:01Menambahkan collider (Particle Force)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=121s)
5. [2:51Membuat partikel pasir](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=171s)
6. [7:53Membuat partikel mengikuti kursor Anda (event Follow)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=473s)
7. [8:36Mengekspor](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=516s)
8. [9:21Menyematkan ke Framer](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=561s)

## Sumber terkait

- [Sand ParticlesTemplate](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)

## Ikhtisar

- Spline 3D
- 11 mnt
- Menengah

## Bagian dari

- [Spline Tingkat Lanjut | Mendalami Fitur](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-sand-particles-in-3d)

## Tutorial terkait

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

[Cara Membuat Bola 3D Reaktif dengan Gerakan dan InteraksiSpline 3DMenengah7 mnt](https://spline.design/id/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-TimeSpline 3DLanjutan15 mnt](https://spline.design/id/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Membuat Material Liquid Glass dalam 3DSpline 3DPemula12 mnt](https://spline.design/id/academy/tutorials/create-liquid-glass-materials-in-3d)

[Spline](https://spline.design/id)

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

- [Web](https://spline.design/id/web)
- [iOS](https://spline.design/id/ios)
- [Android](https://spline.design/id/android)

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/id/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solusi](https://spline.design/solutions)

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.