Oživte interaktivního 3D robota

Lekce 7 z 14Spline 3DZačátečník13 min

Zdravíme! 👋 Tentokrát se pořádně pobavíme a ukážeme vám různé způsoby, jak posunout 3D postavičku na další úroveň tím, že ji uděláte interaktivní! Vyzkoušejte Spline: https://spline.design/

Naučíte se, jak tohoto roztomilého robota nechat sledovat kurzor, jednoduchým kliknutím mu změnit výraz nebo barvu a mnohem víc!

Něco, co snadno zapojíte do svého projektu nebo webu, bez kódování ;)

Klidně použijte jakoukoli postavičku, nebo si stáhněte tuhle a postupujte s návodem.

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

Příjemné učení!

Interakci v čase 10:44 inspiroval Gaurav Kallugadde (@gaurav_paints) ❤️

Co se naučíte

  1. 0:00Úvod
  2. 0:37Natočte postavičku ke kurzoru – událost Look At
  3. 1:34Interakce Mouse Hover
  4. 3:26Interakce Mouse Press a Mouse Down
  5. 4:45Změna barvy postavičky
  6. 10:44Změna výrazu obličeje
  7. 12:27Herní ovládání

Související zdroje