# Animeren langs een pad met Hana en Spline - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)

> In deze tutorial laten we zien hoe je een van onze recente updates in Hana gebruikt en hoe je vormen of designs eenvoudig langs een eigen traject animeert.

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Animeren langs een pad met Hana en Spline

# Animeren langs een pad met Hana en Spline

HanaBeginner7 min

In deze tutorial laten we zien hoe je een van onze recente updates in Hana gebruikt en hoe je vormen of designs eenvoudig langs een eigen traject animeert.

We laten verschillende manieren zien om in Hana een pad te ontwerpen, vormen op dat pad uit te lijnen, animaties te maken, positie-offsets aan te passen en te kiezen tussen een World- en een Tangential-oriëntatie.

Demo’s 👉 <https://app.spline.design/ui/6a36d303-a217-4466-95f5-85a1561c5725>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=0s)
2. [0:16Een pad maken met de Vector Tool](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=16s)
3. [1:00Align to Path gebruiken](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=60s)
4. [2:07Animaties maken](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=127s)
5. [3:23Een pad maken met een vorm](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=203s)
6. [4:03Positie-offsets aanpassen](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=243s)
7. [4:53World- vs. Tangential-oriëntatie](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=293s)
8. [6:13Align to Path in 3D](https://www.youtube.com/watch?v=u-fEUpXoyCU&t=373s)

## Gerelateerde bronnen

- [Shapes Follow PathTemplate](https://app.spline.design/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline?redirect-duplicate-template-uuid=86ecf61d-28ed-4c69-9f76-029bd8130eed&is-2d-file=true)
- [Algin to Path ModiferDocument](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana#%F0%9F%8E%A2-modifiers)

## Overzicht

- Hana
- 7 min
- Beginner

## Onderdeel van

- [Hana | Alles wat je moet weten](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline)

## Gerelateerde tutorials

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

[Maak een 2D-interactie die de cursor volgtHanaBeginner8 min](https://spline.design/nl/academy/tutorials/create-a-2d-follow-interaction)[Aan de slag met interactieve 2D in HanaHanaBeginner17 min](https://spline.design/nl/academy/tutorials/get-started-with-interactive-2d-in-hana)[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)

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