Väck en interaktiv 3D-robot till liv

Lektion 7 av 14Spline 3DNybörjare13 min

Hej! 👋 Den här gången ska vi ha kul och visa olika sätt att ta en 3D-karaktär till nästa nivå genom att göra den interaktiv! Kolla in Spline: https://spline.design/

Du lär dig att få den här söta roboten att följa muspekaren, byta ansiktsuttryck eller färg med ett enkelt klick och mycket mer!

Något du enkelt kan integrera i ditt projekt eller på din webbplats, utan kod ;)

Använd gärna vilken karaktär du vill, eller ladda ner den här och följ med i tutorialen.

🤖 Remixa: https://app.spline.design/file/f09aef0f-3b4e-436e-a05a-e97945e2490a

Lycka till med lärandet!

Interaktionen vid 10:44 är inspirerad av Gaurav Kallugadde (@gaurav_paints) ❤️

Det här lär du dig

  1. 0:00Introduktion
  2. 0:37Få karaktären att vända sig mot muspekaren – händelsen Look At
  3. 1:34Mouse Hover-interaktion
  4. 3:26Mouse Press- och Mouse Down-interaktioner
  5. 4:45Ändra karaktärens färg
  6. 10:44Ändra ansiktsuttryck
  7. 12:27Spelkontroller

Relaterade resurser