Skapa en 2D-interaktion som följer muspekaren

Lektion 6 av 15HanaNybörjare8 min

Om det här är första gången du provar interaktiv 2D-design är det här ett perfekt ställe att börja! 😉 I den här tutorialen visar vi steg för steg hur du enkelt skapar en 2D-interaktion som följer muspekaren (eller pekskärmens input på mobila enheter) med Hana, en ny canvas i realtid för att designa och animera interaktiva 2D-upplevelser.

Vi bygger den här lekfulla interaktionen med händelsen Follow och skapar en mjuk, flytande kedjereaktion. Det är ett roligt och enkelt sätt att ge din webbplats eller ditt projekt lite rörelse och personlighet.

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

Lär dig att skapa det här i 3D med Splines 3D-editor: https://youtu.be/TQe5Ae16rE8

Det här lär du dig

  1. 0:00Kom igång
  2. 0:49Skapa ellipser och använda händelsen Follow
  3. 2:41Justera dämpningsvärden och storlekar
  4. 6:10Exportera och bädda in designen

Relaterade resurser