Menu

Post image 1
Post image 2
1 / 2
0

Zoro Santoryu Splash Screen — 30 Days Web Challenge Day 4

DEV Community·Muhammad Abdu ar Rahman·21 days ago
#kEDuSZ7V
Reading 0:00
15s threshold

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 particles…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More