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.
Built with:
three.js r0.160 (single file)5 themed cosplay zones + central hall hub via portal archwayslocalStorage Harmony Con memory across reseeds
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