Maak een 2D-interactie die de cursor volgt

Les 6 van 15HanaBeginner8 min

Probeer je voor het eerst interactief 2D-design? Dan is dit een prima startpunt! 😉 In deze tutorial laten we je stap voor stap zien hoe je eenvoudig een 2D-interactie maakt die je cursor volgt (of aanrakingen op mobiele apparaten) met Hana, een nieuw realtime canvas om interactieve 2D-ervaringen te ontwerpen en te animeren.

We bouwen deze speelse interactie met het Follow-event, zodat er een vloeiende kettingreactie ontstaat. Een leuke, makkelijke manier om wat beweging en persoonlijkheid aan je website of project toe te voegen.

Demo 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Leer hoe je dit in 3D maakt met de 3D-editor van Spline: https://youtu.be/TQe5Ae16rE8

Wat je leert

  1. 0:00Aan de slag
  2. 0:49Ellipsen maken en het Follow-event toepassen
  3. 2:41Dampingwaarden en afmetingen aanpassen
  4. 6:10Het design exporteren en insluiten

Gerelateerde bronnen