SplineCrie uma animação 3D de rolagem e integre ao Framer
Aula 4 de 8Spline 3DIniciante12 min
Neste tutorial, vamos aprender a criar uma animação 3D de rolagem em que uma planta cresce conforme o usuário rola a página. Vamos configurar eventos de rolagem, adicionar transições e incluir movimento de câmera. Por fim, incorporamos a cena 3D interativa a um site usando o Framer como construtor de sites.
👇Use os links abaixo para fazer remix do design mostrado no vídeo:
🪴 Remix do site e da cena final: https://inspired-walkthroughs-144071.framer.app/ 🌱 Design 3D da planta (sem animações): https://app.spline.design/file/c4dc75ac-ebaf-4b00-a6cc-a1e47347f522
---
Descubra mais criadores e projetos incríveis #MadeInSpline em https://community.spline.design/
O que você vai aprender
- 0:00Introdução
- 0:18Exercício básico com um cubo
- 1:20Um olhar nas configurações do evento Scroll
- 2:42Ajustando as configurações de reprodução da animação de rolagem
- 3:06Animando o crescimento das folhas
- 7:59Adicionando rotação à animação da planta
- 9:10Adicionando movimento de câmera
- 10:29Exportando como Viewer
- 10:40Incorporando sua animação 3D a um site no Framer
