# Breng een interactieve 3D-robot tot leven - Animatie en interacties in Spline - Spline Academy (https://spline.design/nl/academy/tutorials/bring-an-interactive-3d-robot-to-life)

> Hoi! 👋 Deze keer gaan we lol maken en laten we je verschillende manieren zien om een 3D-personage naar een hoger niveau te tillen door het interactief te…

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Animatie en interacties in Spline](https://spline.design/nl/academy/collections/animation-interactions-in-spline)
4. Breng een interactieve 3D-robot tot leven

# Breng een interactieve 3D-robot tot leven

Les 7 van 14Spline 3DBeginner13 min

Hoi! 👋 Deze keer gaan we lol maken en laten we je verschillende manieren zien om een 3D-personage naar een hoger niveau te tillen door het interactief te maken! Bekijk Spline: <https://spline.design/>

Je leert hoe je deze schattige robot je cursor laat volgen, hoe hij met een simpele klik van gezichtsuitdrukking of kleur verandert, en nog veel meer!

Iets wat je eenvoudig in je project of website integreert, zonder code ;)

Gebruik gerust elk personage dat je wilt, of download deze en volg de tutorial mee.

🤖 Remix: <https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a>

Veel leerplezier!

De interactie op 10:44 is geïnspireerd op Gaurav Kallugadde (@gaurav\_paints) ❤️

## Wat je leert

1. [0:00Introductie](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=0s)
2. [0:37Laat je personage naar je cursor kijken - Look At-event](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=37s)
3. [1:34Mouse Hover-interactie](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=94s)
4. [3:26Mouse Press- en Mouse Down-interacties](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=206s)
5. [4:45De kleur van je personage veranderen](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=285s)
6. [10:44Gezichtsuitdrukkingen veranderen](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=644s)
7. [12:27Gamebesturing](https://www.youtube.com/watch?v=JPUSjRxQEKI&t=747s)

## Gerelateerde bronnen

- [Robot Interactive EventsTemplate](https://app.spline.design/academy/tutorials/bring-an-interactive-3d-robot-to-life?redirect-duplicate-template-uuid=83094eb4-8202-4a49-894e-75e435da5f82&is-2d-file=false)
- [How state-based animation worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Look At EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/look-at-event)
- [Mouse Down EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Overzicht

- Spline 3D
- 13 min
- Beginner

## Hierna

[Maak een interactief bijenpersonage voor het web14 minGemiddeld](https://spline.design/nl/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)[Verder](https://spline.design/nl/academy/collections/animation-interactions-in-spline/create-an-interactive-bee-character-for-the-web)

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