# Voeg muisinteracties toe aan 3D-objecten - Spline Academy (https://spline.design/nl/academy/tutorials/add-mouse-based-interactions-to-3d-objects)

> Leer hoe je eenvoudig interacties maakt door 3D-elementen op je cursor te laten reageren!

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Voeg muisinteracties toe aan 3D-objecten

# Voeg muisinteracties toe aan 3D-objecten

Spline 3DBeginner14 min

Leer hoe je eenvoudig interacties maakt door 3D-elementen op je cursor te laten reageren!

Deze handleiding is bedoeld voor beginners en biedt een makkelijk te volgen introductie in deze concepten.

We laten zien hoe krachtig muisevents zijn om 3D-designs te verrijken, zoals Mouse Up-, Mouse Down-, Mouse Press- en Mouse Hover-events. We laten ook zien hoe je interactieve ervaringen maakt door muisevents te koppelen aan actions zoals wijzigingen in kleur, grootte en animatie, maar ook camerabeweging en meer!

Bekijk deze andere tutorials voor meer over muisevents! <https://youtu.be/pR2AhQ22KwM> <https://youtu.be/eCxLYk2rNzg> <https://youtu.be/hRy-Iqle6EU> <https://youtu.be/RmC2xEtXobE> <https://youtu.be/lJIDSiDlhvw>

\---

Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=0s)
2. [0:29Muisevents begrijpen](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=29s)
3. [1:42Een eenvoudige Mouse Down-interactie maken](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=102s)
4. [5:02Kleur veranderen bij een klik](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=302s)
5. [6:03Interactieve knoppen en kleurverandering](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=363s)
6. [8:47Klikinteractie met een andere camerapositie](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=527s)
7. [10:54Geluidseffecten toevoegen](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=654s)
8. [12:01De Create Object-action verkennen](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=721s)
9. [12:20Een URL toevoegen om bij een klik een website te openen.](https://www.youtube.com/watch?v=rdZrrXFLxuw&t=740s)

## Gerelateerde bronnen

- [Mouse Hover EventTemplate](https://app.spline.design/academy/tutorials/add-mouse-based-interactions-to-3d-objects?redirect-duplicate-template-uuid=267cdcd9-2272-426a-9b67-4028d2c1d024&is-2d-file=false)
- [How state-based animation worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Events & InteractivityDocument](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)
- [EventsDocument](https://docs.spline.design/#events)
- [ActionsDocument](https://docs.spline.design/#actions)

## Overzicht

- Spline 3D
- 14 min
- Beginner

## Onderdeel van

- [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)

## Gerelateerde tutorials

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

[Maak met Hana interactieve designs die op je muis reagerenHanaBeginner6 min](https://spline.design/nl/academy/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana)[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)

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