# Een lopend 3D-personage animeren - Spline 101 | Bouw je eerste interactieve scène - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-animate-a-3d-walking-character)

> 🚶Leer hoe je een personage tot leven brengt door met Spline een loopcyclus te animeren!

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. Een lopend 3D-personage animeren

# Een lopend 3D-personage animeren

Les 12 van 16Spline 3DBeginner14 min

🚶Leer hoe je een personage tot leven brengt door met Spline een loopcyclus te animeren!

We duiken in belangrijke concepten zoals states, events en transities, terwijl ik je stap voor stap help om eenvoudige been- en armbewegingen te maken. Je leert ook hoe je je personage persoonlijkheid geeft met stuiterbewegingen en micro-animaties, en hoe je het combineert met gamebesturing, zodat de loopbeweging reageert op de gebruiker.

Ontdek in deze tutorial hoe je ook vooraf geanimeerde personages in Spline importeert 👉 <https://www.youtube.com/watch?v=lpYK67LQItI>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=0s)
2. [0:30States en events begrijpen](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=30s)
3. [1:37Een loopcyclus maken](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=97s)
4. [7:03Persoonlijkheid toevoegen met stuiteren en micro-animaties](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=423s)
5. [8:32Gamebesturing toevoegen om het lopen te simuleren](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=512s)
6. [13:14Vooraf geanimeerde personages importeren](https://www.youtube.com/watch?v=6g4XnfmD0tg&t=794s)

## Gerelateerde bronnen

- [Simple Walking loopTemplate](https://app.spline.design/academy/tutorials/how-to-animate-a-3d-walking-character?redirect-duplicate-template-uuid=29d00bb0-3cc6-460c-96c0-b8db32c2a0a5&is-2d-file=false)
- [How state-based animation worksDocument](https://docs.spline.design/interaction-states-events-and-actions/how-state-based-animation-works)
- [Moving the Object PivotDocument](https://docs.spline.design/designing-in-3-d/moving-the-object-pivot)
- [Game Controls EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/game-controls-event)
- [Transition ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)

## Overzicht

- Spline 3D
- 14 min
- Beginner

## Hierna

[Bouw een 3D-voxelpersonage13 minBeginner](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/build-a-3d-voxel-character)[Verder](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/build-a-3d-voxel-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.