# Interactieve zanddeeltjes maken in 3D - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-create-interactive-sand-particles-in-3d)

> Hallo allemaal! ⏳ In deze video leer je hoe je met het 3D-particle-systeem een zandachtige textuur maakt en hoe je het zand in Spline je cursor laat volgen.…

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Interactieve zanddeeltjes maken in 3D

# Interactieve zanddeeltjes maken in 3D

Spline 3DGemiddeld11 min

Hallo allemaal! ⏳ In deze video leer je hoe je met het 3D-particle-systeem een zandachtige textuur maakt en hoe je het zand in Spline je cursor laat volgen. Daarnaast lopen we door het exporteren van Spline naar een website met Framer.

Ga aan de slag met Spline 👉 <https://spline.design/> (Het is gratis! 😉)

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

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

✨ Word lid van onze Spline-community voor inspiratie en deel je designs. <https://community.spline.design/>

💬 ❤️ Deel je suggesties voor tutorials in de reacties.

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=0s)
2. [0:22Wat zijn Particles?](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=22s)
3. [0:54Een bol maken](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=54s)
4. [2:01Een collider toevoegen (Particle Force)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=121s)
5. [2:51Zanddeeltjes maken](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=171s)
6. [7:53Deeltjes je cursor laten volgen (Follow-event)](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=473s)
7. [8:36Exporteren](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=516s)
8. [9:21Insluiten in Framer](https://www.youtube.com/watch?v=kS%5FEJGDYN-g&t=561s)

## Gerelateerde bronnen

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

## Overzicht

- Spline 3D
- 11 min
- Gemiddeld

## Onderdeel van

- [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-create-interactive-sand-particles-in-3d)

## Gerelateerde tutorials

[Alle tutorials](https://spline.design/nl/academy/tutorials)

[Een reactieve 3D-bol bouwen met beweging en interactieSpline 3DGemiddeld7 min](https://spline.design/nl/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[3D-datavisualisaties maken in Spline met variabelen en realtime API’sSpline 3DGevorderd15 min](https://spline.design/nl/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)[Liquid glass-materialen maken in 3DSpline 3DBeginner12 min](https://spline.design/nl/academy/tutorials/create-liquid-glass-materials-in-3d)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](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.