Stwórz interaktywną postać 3D za pomocą zmiennych

Spline 3DZaawansowany17 min

Cześć! W tym filmie pokażemy, jak ożywić uroczą interaktywną postać 3D – rybę rozdymkę. Poznaj Spline: https://spline.design/

Użyjemy zmiennych do wywoływania zdarzeń, które zmieniają rozmiar i położenie tego malucha. Im częściej klikasz rozdymkę, tym bardziej się nadyma i w końcu wypływa na górę landing page’a.

Pokażemy też, jak tworzyć i animować różne elementy rozdymki. Zobaczysz, jak rosną razem z rybą, i dodasz zabawne efekty, takie jak podskakiwanie, gdy kursor się zbliża.

Zanurzmy się więc, poznajmy magię zmiennych i bawmy się, tworząc interaktywne sceny!

🐡 Remiks: https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 Działająca strona: https://safe-value-478717.framer.app/

Dowiedz się więcej o zmiennych: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ Dołącz do społeczności Spline, by szukać inspiracji i dzielić się projektami. https://community.spline.design/

💬 ❤️ Podziel się w komentarzach pomysłami na samouczki.

Czego się nauczysz

  1. 0:00Wstęp
  2. 0:34Tworzenie i używanie zmiennych
  3. 4:29Dodawanie różnych elementów
  4. 8:34Animowanie elementów i dopasowanie ich do wzrostu
  5. 15:02Efekty interaktywne i eksport

Powiązane materiały

Powiązane samouczki

Wszystkie samouczki