ONE PIECE

CONTEXTO

El contenido de anime en la web casi siempre termina en lista de wiki: mucha información y ninguna emoción. Nadie siente el viaje que hizo que la obra sea lo que es.

QUÉ SE HIZO

Una página única que cuenta la historia de One Piece: la escena de apertura obedece al scroll y desde ahí el sitio atraviesa la Era de los Piratas, presenta a los Sombreros de Paja, dibuja la ruta hasta el fin del mapa y guarda las frases que marcaron. Todo animado en código, sin video pesado.

PÁGINA ÚNICA · ANIMACIÓN 100% EN CÓDIGO

DETALLE TÉCNICO

• 01El sitio abre en una escena controlada por el scroll: nada ocurre solo, es el dedo del visitante el que empuja la historia. Esa decisión def…+

  El sitio abre en una escena controlada por el scroll: nada ocurre solo, es el dedo del visitante el que empuja la historia. Esa decisión define el resto de la página, porque convierte la lectura en travesía. GSAP con ScrollTrigger se encarga de las transiciones y Lenis suaviza el desplazamiento para que la animación nunca se trabe.

• 02El contenido sigue la lógica de la obra: la ejecución de Roger enciende la Era de los Piratas, cada Sombrero de Paja entra con su propio pes…+

  El contenido sigue la lógica de la obra: la ejecución de Roger enciende la Era de los Piratas, cada Sombrero de Paja entra con su propio peso, la ruta dibuja el camino hasta el fin del mapa y las frases que todo fan conoce ganan espacio para respirar. Es un proyecto de fan, hecho para mostrar cuánto puede cargar una sola página cuando el código hace el papel de un tráiler.

PANTALLAS

RESULTADO

Una página única que cuenta la historia de One Piece: la escena de apertura obedece al scroll y desde ahí el sitio atraviesa la Era de los Piratas, presenta a los Sombreros de Paja, dibuja la ruta hasta el fin del mapa y guarda las frases que marcaron. Todo animado en código, sin video pesado.

Proyecto de fan, sin vínculo con los titulares de los derechos de la obra.

QUIERO ALGO PARECIDO ↗