Try it live at 30days.abduarrahman.com — and the source code is on GitHub .

The Origin

Day 4 needed a splash screen. A proper, cinematic intro — not just a loading spinner. I'm a One Piece fan, and Zoro's Santoryu (Three-Sword Style) is iconic. What if the splash screen was Zoro running, then slashing the screen three times until it shatters?

The result: a multi-phase splash screen with pixel art Zoro running, a loading bar, a dramatic Santoryu reveal, three timed slashes with screen shake, and a shatter effect that breaks the screen into 9 fragments.

What I Built

A cinematic splash screen with 5 phases:

Tap to Start — Pixel art Zoro running animation on a clean white screen

Loading — Progress bar fills over 5 seconds while Zoro keeps running, ambient music plays

Santoryu — Loading music fades out, dramatic Santoryu image zooms in with impact

Slash — Three timed sword slashes with blade tips, scar lines, sparks, and screen shake

Shatter — Screen breaks into 9 fragments that fly apart with debris…