Eine 2D-Follow-Interaktion erstellen

Lektion 6 von 15HanaEinsteiger8 Min.

Wenn du zum ersten Mal interaktives 2D-Design ausprobierst, ist das der perfekte Einstieg! 😉 In diesem Tutorial zeigen wir dir Schritt für Schritt, wie du mit Hana – einem neuen Echtzeit-Canvas zum Gestalten und Animieren interaktiver 2D-Erlebnisse – ganz einfach eine 2D-Interaktion erstellst, die deinem Cursor folgt (oder auf Mobilgeräten Touch-Eingaben verfolgt).

Wir bauen diese verspielte Interaktion mit dem Follow-Event und erzeugen so eine flüssige, fließende Kettenreaktion. Ein einfacher, unterhaltsamer Weg, deiner Website oder deinem Projekt etwas Bewegung und Persönlichkeit zu geben.

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

So erstellst du das in 3D mit dem 3D-Editor von Spline: https://youtu.be/TQe5Ae16rE8

Das lernst du

  1. 0:00Erste Schritte
  2. 0:49Ellipsen erstellen und das Follow-Event anwenden
  3. 2:41Damping-Werte und Größen anpassen
  4. 6:10Das Design exportieren und einbetten

Weitere Ressourcen