Vytvořte interaktivní 3D postavičku pomocí proměnných

Lekce 5 z 17Spline 3DPokročilý17 min

Zdravíme! V tomto videu vám ukážeme, jak oživit roztomilou interaktivní 3D postavičku čtverzubce. Vyzkoušejte Spline: https://spline.design/

Pomocí proměnných budeme spouštět události, které mění velikost a pozici malého čtverzubce. Čím víc na čtverzubce klikáte, tím víc se nafukuje, až nakonec vyplave na vrchol landing page.

Provedeme vás také tvorbou a animací různých prvků čtverzubce. Uvidíte, jak rostou spolu s rybou, a přidáme hravé efekty, jako je poskakování, když se přiblíží myš.

Tak se do toho pusťme, prozkoumejme kouzlo proměnných a užijme si tvorbu interaktivních scén!

🐡 Remix: https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 Živý web: https://safe-value-478717.framer.app/

Více o proměnných: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ Přidejte se ke komunitě Spline pro inspiraci a sdílejte své návrhy. https://community.spline.design/

💬 ❤️ Napište nám do komentářů své návrhy na návody.

Co se naučíte

  1. 0:00Úvod
  2. 0:34Tvorba a použití proměnných
  3. 4:29Přidání různých prvků
  4. 8:34Animace prvků a jejich růst spolu s rybou
  5. 15:02Interaktivní efekty a export

Související zdroje