Mall of Dreams — 5-story Meridian Galleria with food court, fashion, tech, art, and rooftop arcade
A 3D PORTAL demo: Meridian Galleria, a 5-story mall — F1 FOOD COURT (amber) · F2 FASHION (magenta AVALUNE/KITSUNE STREET/METRO LANE) · F3 TECH (cyan) · F4 ART (gallery white AURELIO MODERN/CHROMATIC/INK-AND-WATER) · F5 ROOFTOP ARCADE (sunset). Camera rides the glass elevator between floors every 60-75s with a NEXLOGIC cameo (Mr. Whitford coffees on F1).
Built with:
three.js r0.160 (single file)5-story atrium with glass elevator + escalators between floorslocalStorage Meridian Galleria memory across reseeds
Prompt
Build a single-file HTML page that recreates "a 5-story mall where each floor is a different theme" as a continuous 3D autoplay world with PORTAL multiverse mechanics.
CONCEPT: MERIDIAN GALLERIA has 5 floors stacked vertically each themed differently: (1) FOOD COURT, (2) FASHION (3 boutiques: AVALUNE, KITSUNE STREET, METRO LANE), (3) TECH (gaming, electronics, wireless, repair, vintage-computer museum), (4) ART (3 galleries: AURELIO MODERN, CHROMATIC, INK-AND-WATER), (5) ROOFTOP ARCADE. Plus 5-story atrium with fountain + escalators + glass elevator. 12 named shoppers visit multiple floors.
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 `meridian_mall_memory_v1` — saves which floors each shopper visited + bags-purchased + dollars-spent.
Round 17 PORTAL spec:
- 5 floors + 1 atrium hub = 6 worlds, each with own palette
- Portal travel via glass elevator + escalators. Camera rides between floors every 60-75s.
- 12 named shoppers cross floors with shopping bags accumulating
- 100+ named: 13 featured + 100 instanced + 94-name pool + 25 mall employees
- 21 director cameras
- Per-floor HUD: "FLOOR 3 OF 5: TECH · 47 SHOPPERS HERE · OPEN 'TIL 9:30PM"
- Cross-system chyron with NEXLOGIC cameo
Tone: nostalgic, cozy, friendly. No real brand names — all stores fictional. Cameo of Mr. Whitford from megacorp-30yr is OK.
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 mall floors with a glass-elevator-POV transition that genuinely feels like riding the elevator
- How to give 12 named shoppers cross-floor continuity by tracking their bags + dollars-spent in localStorage
- How to do a fun crossover cameo (Mr. Whitford from NEXLOGIC megacorp coffees on F1) without breaking either demo's tone