A maioria dos sites ainda é plana, texto, imagem, scroll. Esta trilha te tira desse padrão e te ensina a construir experiências web em 3D: cenas interativas, modelos que reagem ao movimento da pessoa na tela, animações guiadas por scroll e profundidade real, não só efeito visual.
Você vai passar por projetos práticos completos, de uma vitrine de produto estilo Red Bull a uma experiência de música totalmente em 3D, usando Three.js, GSAP e Astro, sempre com a IA como copiloto do processo.
Ao final, você terá tanto o repertório técnico quanto um portfólio de projetos com um nível visual que hoje só grandes marcas costumam ter.
O que você vai aprender
-
Como montar e configurar uma cena 3D do zero (câmera, luzes, renderer) com Three.js
-
Como extrair, importar e otimizar modelos 3D prontos para uso na web
-
Como aplicar texturas e materiais realistas a um modelo 3D
-
Como criar animações guiadas pelo scroll com GSAP, incluindo profundidade e narrativa visual
-
Como transformar tudo isso em projetos reais e publicáveis, com boa performance em qualquer tela
Com quem você vai aprender