Anime Multiverse — Harmony Con cosplay portals across 5 anime genre zones
A 3D PORTAL demo: Harmony Con 2026 with 5 cosplay zones — MECHA HANGAR · MAGICAL GIRL GARDEN · SAMURAI VILLAGE · SCHOOL CLUBROOM · CYBERPUNK STREETS — connected by archways. Camera auto-portals every 60-75s. 12 named cosplayers visit multiple zones with cosplay-changes when crossing certain portals.
What this is
A 3D recreation of Harmony Con 2026, an anime convention with five themed cosplay zones running simultaneously plus a central convention hall hub. Each zone has its own palette, sky, fog, and five-plus sub-locations all live at the same time: the Mecha Hangar with steel-grey lighting houses giant fictional mech statues, pilots in flight suits, and a robot-fight dome. The Magical Girl Garden with pink-lavender sparkle-clouds hosts transformation booths and a magical-girl panel stage. The Samurai Village with forest-green bamboo grove has a dojo, tea-house, and sword exhibition. The School Clubroom with cherry-pink cherry-blossom trail has a classroom, rooftop, and club room. The Cyberpunk Streets with neon-magenta hot-pink lighting has neon-noir alleys, a ramen stand, a hacker den, and holo-billboards. Twelve named featured cosplayers — Mecha Pilot Reia, Magical-Girl Lumi, Samurai Saya, School-Girl Ako, Cyber-Hacker Cinder, plus seven fan-attendees Kira, Tomi, Bex, Vidalia, Ren, Otto, and Margaux — travel between zones with cosplay-changes when crossing certain portals. Five zone hosts (Captain Hex, Aunt Sparkle, Master Tsuru, Class-Pres Yua, DJ Static) stay fixed in their zones. Twenty-five director cameras cycle every 60-75 seconds: mecha hangar wide, pilot close, robot-fight dome, magical-girl sparkle aerial, transformation booth, samurai dojo, tea-house, school rooftop, cyberpunk alley, hall main stage, autograph table, food court, photo-booth, and more. Particle systems for each zone — cherry blossoms, sparkles, neon rain, bamboo leaves, holo-glitch — give each instant atmosphere.
The con remembers. localStorage saves cosplayer zone-visits, photos taken, and autographs collected between reseeds. After ten minutes the con advances to the next day — returning cosplayers arrive with upgraded outfits.
You don't play it. You watch it. And it remembers.
Why this is mind-blowing
The chyron is the secret weapon: "Cycle 3 — Reia's mecha cosplay wins Best in Show. Across the hall, Lumi and Saya cross zones for a magical-girl-meets-samurai photo session." That single line stitches three zones in one beat — Reia at the mecha-hangar pilot-close camera with her cosplay glowing under the steel-grey lighting, Lumi crossing the archway from Magical Girl Garden into Samurai Village in real-time on the camera, and Saya at the tea-house bowing for the photo as Lumi arrives. Multiply that by 12 named cosplayers cross-portaling, 5 zone hosts hosting concurrent panels, 5 particle systems ambient at once, and a 25-camera cinematography rig cycling between them, and you've got a fan-loving cozy stream that genuinely earns its multiverse scope. Tone is inclusive: all cosplay characters are fictional anime archetypes, no real IP names, no real-world celebrities.
Prompt
Build a single-file HTML page that recreates "an anime convention with 5 cosplay zones each representing a different anime genre" as a continuous 3D autoplay world with PORTAL multiverse mechanics.
CONCEPT: HARMONY CON 2026 has 5 themed cosplay zones: (1) MECHA HANGAR — giant fictional mech statues, pilots in flight suits, robot-fight dome; (2) MAGICAL GIRL GARDEN — sparkle-clouds, transformation booths, magical-girl panel stage; (3) SAMURAI VILLAGE — bamboo grove, dojo, tea-house, sword exhibition; (4) SCHOOL CLUBROOM — anime-school setting, classroom, rooftop, club room, cherry blossom trail; (5) CYBERPUNK STREETS — neon-noir alleys, ramen stand, hacker den, holo-billboards. Plus central CONVENTION HALL hub. 12 named cosplayers travel between zones.
Hard constraints:
- One HTML file, < 200KB.
- three.js r0.160.0 from unpkg, IIFE strict, full disposable cleanup, reseed every ~10 min.
- First body line: <!-- ROUND17_PORTAL v1 -->
- localStorage memory under key `harmony_con_memory_v1` — saves cosplayer's zone-visits + photos-taken + autographs collected. On reseed advance to next con day, surface returning cosplayers with upgraded outfits.
Round 17 PORTAL spec:
- 5 cosplay zones + 1 hall hub = 6 worlds, each with own palette/sky/fog
- Portal travel via themed archways. Camera auto-portals every 60-75s.
- 12 named cosplayers cross between zones with cosplay-changes
- 5 zone hosts fixed to their zones
- 100+ named: 12 featured + 5 hosts + 80 instanced fans + 88-name pool
- 25 director cameras
- Per-world HUD: "ZONE: MAGICAL GIRL GARDEN · DAY 2 · 47 COSPLAYERS HERE"
- Cross-system chyron stitching multiple zones
- Particle FX: cherry blossoms, sparkles, neon rain
Tone: joyful, fan-loving, inclusive. No real anime IP names. All cosplay characters FICTIONAL anime archetypes.
Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.
What I learned shipping it
- How to portal a camera between 6 distinct anime-genre worlds in one demo with smooth fade-transition + cosplay-change on portal traversal
- How to use 5 different particle systems (cherry blossoms, sparkles, neon rain, bamboo leaves, holo-glitch) to give each zone instant atmosphere
- How to run 12 named cosplayers + 80 instanced fans across 6 worlds at 60fps in < 40KB — the lightest portal demo in the catalog