EXPERIENCIA EN SCROLL
THE AGE OF DRAGONS
Biblioteca prohibida de los dragones · documental interactivo en 8 capítulos
DEMOSTRACIÓNEN LÍNEA
CONTEXTO
Los sitios sobre mitología y cultura pop se vuelven enciclopedia: texto corrido, imagen estática, cero inmersión. Nada del peso cinematográfico que el tema pide.
QUÉ SE HIZO
Una experiencia-concepto que entra en una biblioteca ancestral prohibida: hero en video fullscreen con el dragón surgiendo del relámpago, cursor de brasa, cenizas subiendo y truenos ocasionales, más 8 capítulos que cruzan mito y ficción. Tiene el nacimiento del dragón en 6 mitologías (China, Japón, Europa medieval, Nórdica, Maya, Celta), los 10 dragones más icónicos de la ficción en cards 3D con glifo propio original (sin usar ningún still oficial de ninguna obra), mapa mundial clicable, línea de tiempo horizontal fijada al scroll, galería de grabados de dominio público, tabla comparativa de poder y una silueta final batiendo las alas despacio.
8 CAPÍTULOS · 10 DRAGONES · 6 MITOLOGÍAS
SOLUCIONES
IP-safe por diseño
Glifos SVG originales por dragón de ficción, cero stills oficiales. La restricción legal se convirtió en identidad visual.
Arte 100% dominio público
Toda pieza histórica vino de Wikimedia Commons, verificada individualmente antes del upload.
Cards con luz que sigue al mouse
Tilt 3D + glow rojo radial en variables CSS, actualizado en cada frame vía GSAP quickTo.
DETALLE TÉCNICO
01La restricción legal se convirtió en la decisión de diseño más fuerte del proyecto. Los 10 dragones de ficción (Smaug, Drogon, Balerion, Ald…
La restricción legal se convirtió en la decisión de diseño más fuerte del proyecto. Los 10 dragones de ficción (Smaug, Drogon, Balerion, Alduin...) son propiedad intelectual protegida, así que cada card recibió un glifo propio en lugar de cualquier still oficial: trazo minimalista en SVG, con color exclusivo por universo. Las secciones históricas, a su vez, usan solo arte de dominio público (Hokusai, Dürer, Doré, Chen Rong), curado y verificado uno por uno en la API de Wikimedia Commons antes de entrar al sitio.
02El motor cinematográfico es una única isla client-side: Lenis se encarga del scroll fluido, ScrollTrigger dispara las revelaciones letra por…
El motor cinematográfico es una única isla client-side: Lenis se encarga del scroll fluido, ScrollTrigger dispara las revelaciones letra por letra (SplitText) y el pin horizontal de la línea de tiempo, y cada card 3D sigue al mouse con una luz roja radial anclada en variables CSS (--mx/--my) actualizadas en cada frame. Es el mismo patrón de cursor amortiguado (quickTo) usado en los proyectos hermanos, aquí con dirección de arte gótica: negro profundo, rojo fuego, dorado antiguo.
PANTALLAS
01 Cards de los 10 dragones más icónicos de la ficción con glifo original y luz roja al mouse 
02 Mapa mundial clicable con las 6 mitologías del dragón 
03 Línea de tiempo horizontal fijada al scroll, del 1750 a. C. a la era del streaming 
04 Silueta final del dragón batiendo las alas despacio sobre el cierre
RESULTADO
Una experiencia-concepto que entra en una biblioteca ancestral prohibida: hero en video fullscreen con el dragón surgiendo del relámpago, cursor de brasa, cenizas subiendo y truenos ocasionales, más 8 capítulos que cruzan mito y ficción. Tiene el nacimiento del dragón en 6 mitologías (China, Japón, Europa medieval, Nórdica, Maya, Celta), los 10 dragones más icónicos de la ficción en cards 3D con glifo propio original (sin usar ningún still oficial de ninguna obra), mapa mundial clicable, línea de tiempo horizontal fijada al scroll, galería de grabados de dominio público, tabla comparativa de poder y una silueta final batiendo las alas despacio.