MÓDULO 1.1 · TRILHA 1

🛠️ Visão geral da skill

O efeito viral de "scroll 3D" **não** é Three.js. É uma **varredura de sequência de imagens em canvas**:

1
Tópicos
2 min
Leitura
Skill
Trilha
Skill
Formato

Scroll-Cinematic — sites de produto 3D com um único prompt

O que isso realmente é (leia primeiro)

O efeito viral de "scroll 3D" não é Three.js. É uma varredura de sequência de imagens em canvas: um clipe cinematográfico curto é exportado para ~180 JPGs numerados, todos pré-carregados, e o frame desenhado em um <canvas> é escolhido pelo progresso do scroll. Rolar para frente/para trás reproduz o clipe. Adicione scroll suave com Lenis + texto de sobreposição sincronizado com o scroll e ele parece 3D premium. O "3D" vem inteiramente do vídeo de origem — que geramos com o Higgsfield.

Stack: HTML + CSS + JS + Lenis puros (zero build, roda em qualquer servidor estático).

← Voltar para Trilha Módulo 1.2 →