# Voeg muisinteracties toe aan 3D-objecten - Spline 101 | Bouw je eerste interactieve scène - 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. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene)
4. Voeg muisinteracties toe aan 3D-objecten

# Voeg muisinteracties toe aan 3D-objecten

Les 4 van 16Spline 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

## Hierna

[3D-knopinteracties maken10 minBeginner](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)[Verder](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/how-to-create-3d-button-interactions)

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