# Paano Gumawa ng mga Interactive na Sand Particle sa 3D - Spline Academy (https://spline.design/fil/academy/tutorials/how-to-create-interactive-sand-particles-in-3d)

> Hello sa lahat! ⏳ Sa video na ito, matututunan mo kung paano gumawa ng texture na parang buhangin gamit ang 3D particle system at kung paano pasunurin ang…

1. [Academy](https://spline.design/fil/academy)
2. [Mga Tutorial](https://spline.design/fil/academy/tutorials)
3. Paano Gumawa ng mga Interactive na Sand Particle sa 3D

# Paano Gumawa ng mga Interactive na Sand Particle sa 3D

Spline 3DIntermediate11 min

Hello sa lahat! ⏳ Sa video na ito, matututunan mo kung paano gumawa ng texture na parang buhangin gamit ang 3D particle system at kung paano pasunurin ang buhangin sa cursor mo gamit ang Spline. Dagdag pa, dadaanan namin ang proseso ng pag-export mula sa Spline papunta sa isang website gamit ang Framer.

Subukan ang Spline 👉 <https://spline.design/> (Libre ito! 😉)

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

Alamin pa ang tungkol sa Particles <https://www.youtube.com/watch?v=lRhLWE%5FcXkc>

✨ Sumali sa aming Spline community para sa inspirasyon at i-share ang mga design mo. <https://community.spline.design/>

💬 ❤️ I-share ang mga suggestion mo para sa tutorial sa comments.

## Ang matututunan mo

1. [0:00Intro](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=0s)
2. [0:22Ano ang mga Particle?](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=22s)
3. [0:54Paggawa ng Sphere](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=54s)
4. [2:01Pagdaragdag ng Collider (Particle Force)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=121s)
5. [2:51Paggawa ng mga Sand Particle](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=171s)
6. [7:53Pagpapasunod sa Particle sa Cursor Mo (Follow Event)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=473s)
7. [8:36Pag-export](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=516s)
8. [9:21Pag-embed sa Framer](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=561s)

## Mga kaugnay na resource

- [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)
- [ParticlesDokumento](https://docs.spline.design/designing-in-3-d/particles)
- [Follow EventDokumento](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## Overview

- Spline 3D
- 11 min
- Intermediate

## Bahagi ng

- [Spline Advanced | Malalimang Pagtalakay sa mga Feature](https://spline.design/fil/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-sand-particles-in-3d)

## Mga kaugnay na tutorial

[Lahat ng tutorial](https://spline.design/fil/academy/tutorials)

[Paano Gumawa ng Reactive na 3D Orb na may Galaw at InteractionSpline 3DIntermediate7 min](https://spline.design/fil/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Paano Gumawa ng mga 3D Data Visualization sa Spline gamit ang mga Variable at Real-Time APISpline 3DAdvanced15 min](https://spline.design/fil/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Gumawa ng mga Liquid Glass Material sa 3DSpline 3DBaguhan12 min](https://spline.design/fil/academy/tutorials/create-liquid-glass-materials-in-3d)

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

Ang 3D at 2D editor para sa mga team at kanilang mga agent. I-publish sa web, iOS at Android.

#### Magtanong sa AI tungkol sa Spline

#### Mga Produkto

- [3D Design](https://spline.design/fil/3d-design)
- [Hana](https://spline.design/fil/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/fil/ai-generate)
- [Spline MCP](https://spline.design/fil/mcp)
- [Spline Arena](https://spline.design/fil/arena)
- [Presyo](https://spline.design/fil/pricing)
- [Enterprise](https://spline.design/fil/enterprise)

#### Runtimes

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

#### Apps

- [I-download](https://spline.design/fil/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [I-download ang Spline Mirror](https://spline.design/download-mirror)

#### Matuto

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/fil/blog)
- [Changelog](https://spline.design/fil/changelog)
- [Edukasyon](https://spline.design/fil/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/fil/affiliate)

#### Kumpanya

- [Mga Customer](https://spline.design/fil/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/fil/security)

#### Legal

- [Mga Tuntunin at Kundisyon](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.