# Gebruik variabelen om interactieve 3D-content te maken - Spline Academy (https://spline.design/nl/academy/tutorials/use-variables-to-create-interactive-3d-content)

> Hallo allemaal! In deze tutorial leer je hoe je variabelen combineert met Events en Actions om in Spline je eigen interactieve ervaringen te maken! Bekijk…

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Gebruik variabelen om interactieve 3D-content te maken

# Gebruik variabelen om interactieve 3D-content te maken

Spline 3DGevorderd24 min

Hallo allemaal! In deze tutorial leer je hoe je variabelen combineert met Events en Actions om in Spline je eigen interactieve ervaringen te maken! Bekijk Spline: <https://spline.design/>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=0s)
2. [0:27Wat zijn variabelen?](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=27s)
3. [1:00Variabelen maken](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=60s)
4. [1:57Variabelen gebruiken](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=117s)
5. [3:00Een object verplaatsen met variabelen en events](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=180s)
6. [3:52String-variabelen en tekst](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=232s)
7. [4:38Dynamische variabelen (Time, Counter, Random)](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=278s)
8. [6:56Rotatie veranderen met een counter-variabele](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=416s)
9. [8:04Een variabele hergebruiken in meerdere eigenschappen](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=484s)
10. [8:25Een conditionele action gebruiken om transities te triggeren](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=505s)
11. [10:50Wijzigingen in objecteigenschappen vastleggen](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=650s)
12. [13:11Besturing maken om een kubus te verplaatsen](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=791s)
13. [15:29Logica voor een staafdiagram met variabelen](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=929s)
14. [18:13Voortgangsbalk en wiskundige functies](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1093s)
15. [20:26Een likes-teller maken](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1226s)
16. [22:19Vormeigenschappen aanpassen met variabelen](https://www.youtube.com/watch?v=Id%5FSZVCUVMM&t=1339s)

## Gerelateerde bronnen

- [Move Controls with VariablesTemplate](https://app.spline.design/academy/tutorials/use-variables-to-create-interactive-3d-content?redirect-duplicate-template-uuid=ebe53d5b-a7ca-4191-bfa8-39dcda2848c7&is-2d-file=false)
- [VariablesDocument](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Variable Change EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/variable-change-event)
- [Set Variable ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/set-variable-action)
- [Variable Control ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/variable-control-action)

## Overzicht

- Spline 3D
- 24 min
- Gevorderd

## Onderdeel van

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

## Gerelateerde tutorials

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

[Vorm interactieve 3D-vloeistofvormen die de cursor volgenSpline 3DBeginner12 min](https://spline.design/nl/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)[Drag-and-drop-interacties bouwen in 3DSpline 3DBeginner10 min](https://spline.design/nl/academy/tutorials/how-to-build-drag-drop-interactions-in-3d)[Een lopend 3D-personage animerenSpline 3DBeginner14 min](https://spline.design/nl/academy/tutorials/how-to-animate-a-3d-walking-character)

[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.