THE AGE OF DRAGONS

- ESTÚDIO
- MILWEB
- TIPO
- EXPERIÊNCIA NO SCROLL
- STATUS
- NO AR
02 / A IDEIA
Biblioteca proibida dos dragões · documentário interativo em 8 capítulos
Sites sobre mitologia e cultura pop viram enciclopédia: texto corrido, imagem estática, zero imersão. Nada do peso cinematográfico que o tema pede.
01 / 01
Glifos SVG autorais por dragão de ficção, zero still oficial. A restrição legal virou identidade visual.

02 / 02
Toda peça histórica veio do Wikimedia Commons, verificada individualmente antes do upload.

03 / 03
Tilt 3D + glow vermelho radial em variáveis CSS, atualizado a cada frame via GSAP quickTo.

01
02
03
04 / POR BAIXO DO CAPÔ
01A restrição legal virou a decisão de design mais forte do projeto. Os 10 dragões de ficção (Smaug, Drogon, Balerion, Alduin...) são propried…+
A restrição legal virou a decisão de design mais forte do projeto. Os 10 dragões de ficção (Smaug, Drogon, Balerion, Alduin...) são propriedade intelectual protegida, então cada card recebeu um glifo próprio no lugar de qualquer still oficial: traço minimalista em SVG, com cor exclusiva por universo. As seções históricas, por sua vez, usam só arte de domínio público (Hokusai, Dürer, Doré, Chen Rong), curada e verificada uma a uma na API do Wikimedia Commons antes de entrar no site.
02O motor cinematográfico é uma única ilha client-side: Lenis cuida do scroll fluido, ScrollTrigger dispara as revelações letra por letra (Spl…+
O motor cinematográfico é uma única ilha client-side: Lenis cuida do scroll fluido, ScrollTrigger dispara as revelações letra por letra (SplitText) e o pin horizontal da linha do tempo, e cada card 3D segue o mouse com uma luz vermelha radial ancorada em variáveis CSS (--mx/--my) atualizadas a cada frame. É o mesmo padrão de cursor amortecido (quickTo) usado nos projetos-irmãos, aqui com direção de arte gótica: preto profundo, vermelho fogo, dourado antigo.
CONSTRUÍDO COM — Next.js · TypeScript · GSAP · ScrollTrigger · Lenis · Framer Motion · Tailwind
06 / RESULTADO




ONE PIECE
