# Aan de slag met interactieve 2D in Hana - Spline Academy (https://spline.design/nl/academy/tutorials/get-started-with-interactive-2d-in-hana)

> Hana is een nieuw realtime 2D-designcanvas in Spline waarmee je geanimeerde en interactieve scènes rechtstreeks in de browser maakt. Deze introductievideo…

1. [Academy](https://spline.design/nl/academy)
2. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Aan de slag met interactieve 2D in Hana

# Aan de slag met interactieve 2D in Hana

HanaBeginner17 min

Hana is een nieuw realtime 2D-designcanvas in Spline waarmee je geanimeerde en interactieve scènes rechtstreeks in de browser maakt. Deze introductievideo helpt je om vertrouwd te raken met de interface en neemt beginners mee in het maken van interactieve 2D-events.

De rondleiding behandelt de interface, functies, states, events en exportopties, en laat ook zien hoe je animaties bouwt en designs deelt.

Of je nu net begint of je skills wilt uitbreiden, deze video geeft je de basis om met Hana aan de slag te gaan.

✨ Bekijk en dupliceer de scènes uit de video: <https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c>

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

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=DD8z1voLghU&t=0s)
2. [0:26Een 2D-designbestand maken](https://www.youtube.com/watch?v=DD8z1voLghU&t=26s)
3. [0:55De interface en functies van Hana verkennen](https://www.youtube.com/watch?v=DD8z1voLghU&t=55s)
4. [7:47Animaties en interactiviteit toevoegen aan je 2D-designs](https://www.youtube.com/watch?v=DD8z1voLghU&t=467s)
5. [9:24Een eenvoudig voorbeeld van een interactie maken](https://www.youtube.com/watch?v=DD8z1voLghU&t=564s)
6. [13:51Je design exporteren en insluiten](https://www.youtube.com/watch?v=DD8z1voLghU&t=831s)
7. [15:58Je designs delen en bewerkingsrechten instellen](https://www.youtube.com/watch?v=DD8z1voLghU&t=958s)

## Gerelateerde bronnen

- [Hana Public DemosTemplate](https://app.spline.design/academy/tutorials/get-started-with-interactive-2d-in-hana?redirect-duplicate-template-uuid=91cbe967-5529-4c64-aa6c-7872116ddb5a&is-2d-file=true)

## Overzicht

- Hana
- 17 min
- Beginner

## Onderdeel van

- [Hana | Alles wat je moet weten](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana)

## 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)[Animeren langs een pad met Hana en SplineHanaBeginner7 min](https://spline.design/nl/academy/tutorials/how-to-animate-along-a-path-with-hana-and-spline)[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.