Build a complete, polished browser animation called “One Naruto, Nine Worlds.”
The experience is a moving illustrated gallery: one Naruto runs sideways through nine anime worlds arranged in a 3×3 grid. As he enters each world, his anatomy, face, linework, shading and movement change to match that anime’s visual language.
The main attraction is watching the SAME recognizable character transform between distinctly different drawing styles.
1. COMPOSITION AND LAYOUT
Create a clean 3×3 gallery in this exact arrangement:
TOP ROW:
Naruto | JoJo’s Bizarre Adventure | One Piece
MIDDLE ROW:
Dragon Ball | One Punch Man | Jujutsu Kaisen
BOTTOM ROW:
Sailor Moon | Pokémon | Attack on Titan
Each panel has its own illustrated environment, a consistent frame and a small, readable title. Use a warm off-white gallery background with narrow, even gutters.
Keep Naruto relatively small: approximately one-third of a panel’s height while running normally. Leave room to appreciate the scenery, silhouettes and movement.
Only ONE Naruto is visible at a time. The other panels contain their environments while awaiting his arrival.
Keep the gallery responsive, preserve the 3×3 arrangement and use the available viewport space efficiently.
2. NARUTO’S IDENTITY
Preserve the recognizable identity across every transformation:
- Blond hair.
- Forehead protector.
- Whisker marks.
- Orange as the main clothing color.
- A recognizable Naruto-inspired outfit.
Adapt the design itself to each world. Change body proportions, facial construction, hair shapes, line weight, shadow shapes and motion.
If a reference sheet is attached, use it to guide the individual styles and composition. Build actual animation around those designs.
3. NINE DISTINCT VISUAL DIRECTIONS
NARUTO
A warm Hidden Leaf Village environment with tiled rooftops, trees and distant rocky scenery. Use classic shōnen proportions, expressive eyes and clean cel shading. Naruto runs with his torso leaning forward and his arms extended behind him.
JOJO’S BIZARRE ADVENTURE
Make the transformation unmistakable: a muscular torso, broad shoulders, strong thighs, angular facial features, sculptural shadows and confident posing. Use bold graphic colors and dramatic architectural scenery.
Keep the face clearly readable and the head proportionate to the large body. Give him a powerful stride and one brief theatrical pose, followed by a smooth return to running.
ONE PIECE
Use long, elastic arms and legs, a broad expressive grin, rounded forms and playful distortion. Place him in a colorful coastal setting with a ship, harbor details and bright sky.
Allow exaggerated limb arcs and squash-and-stretch. The movement should feel rubbery and adventurous.
DRAGON BALL
Use athletic proportions, angular blond hair, pronounced brows, bold contours and hard-edged cel shading. Create rocky terrain, distant mountains and a vivid sky.
Give the run strong push-offs, clear forward momentum and a brief energy accent. Keep the face large enough to read during the camera move.
ONE PUNCH MAN
Begin with a simplified, deadpan expression, minimal facial detail and restrained shading. Use an understated city setting.
During the panel, briefly switch into a dramatically detailed action drawing with strong shadows and speed lines, then return to the simpler design. Preserve Naruto’s identity throughout this change.
JUJUTSU KAISEN
Use lean anatomy, sharper facial features, angular clothing folds and a muted urban environment. Add controlled violet or blue cursed-energy accents around the hands.
Give him a low, agile running posture with decisive leg extension. Keep the head and expression readable.
SAILOR MOON
Use elegant elongated proportions, delicate linework, flowing hair and clothing accents, luminous highlights and pastel colors.
Create a moonlit city with decorative stars and sparkles. Make the movement graceful, light and rhythmic while maintaining a readable running cycle.
POKÉMON
Use compact, rounded proportions, a slightly larger head, a cheerful expression and clean, colorful shading.
Create a bright grassy route with trees, simple houses and soft clouds. Give him a playful bounce with clear, confident steps.
ATTACK ON TITAN
Use grounded proportions, rougher inkwork, muted earth tones, angular expressions and dramatic shadows.
Create a stone city with rooftops and a monumental wall in the distance. Make the run urgent and purposeful, with a forward lean and strong ground contact.
4. CONTINUOUS ROUTE
Follow this snake route:
Naruto → JoJo → One Piece →
Jujutsu Kaisen → One Punch Man → Dragon Ball →
Sailor Moon → Pokémon → Attack on Titan.
Travel right across the top row, left across the middle row and right across the bottom row.
At the end of each row, use a short, deliberate drop or jump into the next row. Include anticipation, a readable airborne pose, landing compression and recovery into the run.
Face the direction of travel and preserve momentum through every transition.…
Create an interactive animation of Naruto running through nine anime worlds. The animation should be a 3x3 grid. As he runs, he should change his look, proportions, and animation style to match: Naruto, JoJo, One Piece, Dragon Ball, One Punch Man, Jujutsu Kaisen, Sailor Moon, Pokémon, and Attack on Titan.
