SplineCrea un’animazione 3D allo scroll e integrala in Framer
Spline 3DPrincipiante12 min
In questo tutorial impariamo a creare un’animazione 3D allo scroll in cui una pianta cresce mentre l’utente scorre la pagina. Imposteremo gli eventi di scroll, aggiungeremo le transizioni e inseriremo il movimento della camera. Infine, incorporeremo la scena 3D interattiva in un sito web usando Framer come web builder.
👇 Usa i link qui sotto per remixare il design mostrato nel video:
🪴 Sito web e remix della scena finale: https://inspired-walkthroughs-144071.framer.app/ 🌱 Design della pianta 3D (senza animazioni): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522
---
Scopri altri creator e progetti straordinari #MadeInSpline su https://community.spline.design/
Cosa imparerai
- 0:00Introduzione
- 0:18Esercizio di base con un cubo
- 1:20Uno sguardo alle impostazioni dell’evento Scroll
- 2:42Regolare le Play Settings per l’animazione allo scroll
- 3:06Animare la crescita delle foglie
- 7:59Aggiungere la rotazione all’animazione della pianta
- 9:10Aggiungere il movimento della camera
- 10:29Esportare come Viewer
- 10:40Incorporare l’animazione 3D in un sito Framer
