# Hana | Alles wat je moet weten - Spline Academy (https://spline.design/nl/academy/collections/hana-everything-you-need-to-know) > Leer de principes en workflows achter het maken van realtime, productieklare interactieve ervaringen met Hana 1. [Academy](https://spline.design/nl/academy) 2. [Cursussen](https://spline.design/nl/academy/collections) 3. Hana | Alles wat je moet weten # Hana | Alles wat je moet weten Leer de principes en workflows achter het maken van realtime, productieklare interactieve ervaringen met Hana [Start de cursus](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 15 lessenBeginner2 u 03 min ## Lessen 1. [01Aan de slag met interactieve 2D in Hana17 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/get-started-with-interactive-2d-in-hana) 2. [02Geef je Hana-designs diepte met het 3D Shape-effect3 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect) 3. [03Interacties ontwerpen met Liquid Glass en 3D-transformaties in Hana16 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana) 4. [043D-projecties en noise-effecten verkennen8 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/explore-3d-projections-and-noise-effects) 5. [05Maak met Hana interactieve designs die op je muis reageren6 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/create-interactive-designs-that-react-to-your-mouse-with-hana) 6. [06Maak een 2D-interactie die de cursor volgt8 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/create-a-2d-follow-interaction) 7. [07Interactieve effecten ontwerpen met progressive blur en zachte gradiënten9 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/design-interactive-effects-with-progressive-blur-and-smoothing-gradients) 8. [08Maak een interactieve schakelaar met progressive blur en gradiënten4 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/create-an-interactive-switch-with-progressive-blur-and-gradients) 9. [09Strakke interactieve iconen ontwerpen in Hana7 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana) 10. [10Bouw een interactief toetsenbord met Hana9 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana) 11. [11Animeren langs een pad met Hana en Spline7 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/how-to-animate-along-a-path-with-hana-and-spline) 12. [12Ontwerpen en animeren met vectormaskers7 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/design-and-animate-with-vector-masks) 13. [13Lichtbrekende 3D-tekst maken in Hana7 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/creating-refractive-3d-text-in-hana) 14. [14Een realistische 3D-diamant ontwerpen in Hana7 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/how-to-design-a-realistic-3d-diamond-in-hana) 15. [15AI-beeldgeneratie gebruiken in Hana8 min](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/how-to-use-ai-image-generation-in-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.