# Interactieve zanddeeltjes maken in 3D - Spline gevorderd | De functies tot in detail - 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. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive)
4. Interactieve zanddeeltjes maken in 3D

# Interactieve zanddeeltjes maken in 3D

Les 11 van 17Spline 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

## Hierna

[Interactieve bladdeeltjes ontwerpen in 3D9 minGemiddeld](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-design-interactive-leaf-particles-in-3d)[Verder](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-design-interactive-leaf-particles-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.