SplineStwórz animację 3D sterowaną przewijaniem i zintegruj ją z Framerem
Spline 3DPoczątkujący12 min
W tym samouczku nauczymy się tworzyć animację 3D sterowaną przewijaniem, w której roślina rośnie, gdy użytkownik przewija stronę. Skonfigurujemy zdarzenia przewijania, dodamy przejścia i ruch kamery. Na koniec osadzimy interaktywną scenę 3D na stronie, używając Framera jako kreatora stron.
👇 Skorzystaj z poniższych linków, by zremiksować projekt z filmu:
🪴 Strona i finalna scena do remiksu: https://inspired-walkthroughs-144071.framer.app/ 🌱 Projekt rośliny 3D (bez animacji): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522
---
Odkrywaj więcej wspaniałych twórców i projektów #MadeInSpline na https://community.spline.design/
Czego się nauczysz
- 0:00Wstęp
- 0:18Podstawowe ćwiczenie z sześcianem
- 1:20Ustawienia zdarzenia Scroll
- 2:42Dostosowywanie ustawień odtwarzania animacji przewijania
- 3:06Animowanie wzrostu liści
- 7:59Dodawanie obrotu do animacji rośliny
- 9:10Dodawanie ruchu kamery
- 10:29Eksport jako Viewer
- 10:40Osadzanie animacji 3D na stronie we Framerze
