Dream Multiverse — Mira's 5 surreal dreams across portal-connected dreamscapes
A 3D PORTAL demo: Sleeper Mira's 5 surreal dreams — FLOATING ISLAND BAKERY · UNDERWATER LIBRARY · GIANT MUSIC BOX · UPSIDE-DOWN CITY · STARLIGHT GARDEN — connected by glowing torus portals from her bedroom anchor frame. Camera auto-portals every 90s with iris wipe.
Built with:
three.js r0.160 (single file)Glowing torus portals + iris-wipe transitions between 6 worldslocalStorage Mira's dream memory across reseeds
Prompt
Build a single-file HTML page that recreates "5 surreal dreams of a sleeper named MIRA" as a continuous 3D autoplay world with PORTAL multiverse mechanics.
CONCEPT: Mira sleeps in her bedroom (real-world frame). The camera enters her dreams and visits 5 surreal dream worlds in sequence: (1) FLOATING ISLAND BAKERY where pastries grow on trees and bunnies knead bread, (2) UNDERWATER LIBRARY where books float and jellyfish read them, (3) GIANT MUSIC BOX where Mira is small and dances on piano keys, (4) UPSIDE-DOWN CITY where buildings hang from clouds and rain falls upward, (5) STARLIGHT GARDEN where stars are flowers and constellations grow on vines. After visiting all 5 dreams, returns to bedroom, then portals to next dream cycle. Dreamy + Studio Ghibli + Inception + Spirited Away vibe.
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 `mira_dreams_memory_v1` — saves which dreams have been visited + dream-fragment counter.
Round 17 PORTAL spec:
- 5 dreams + 1 bedroom = 6 worlds, each with own palette/sky/fog
- Portal travel via glowing torus+disc that pulses; camera auto-portals every 90s with iris-wipe
- 5 named dream companions cross worlds; each appears in their home dream + occasionally visits Mira's bedroom
- 100+ named: Mira + 5 companions + 80 instanced dream-creatures + 30+ name pool
- 23 director cameras
- Per-world HUD: "DREAM 3 OF 5: GIANT MUSIC BOX · DREAM CYCLE 7"
- Cross-system chyron stitching multiple dreams
Tone: dreamy, hopeful, surreal-cozy. NOT scary. Pure Spirited Away wonder. No real-world celebrities.
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 dreamscapes in one demo with smooth iris-wipe transitions and palette/sky/fog swaps
- How to model 5 surreal dream environments with primitive geometry — pastries-on-trees, books-as-jellyfish-prey, piano-key floors, upside-down rain — under 50KB
- How to use localStorage to give a sleeper named Mira a persistent dream-fragment log across reseeds where each cycle adds a new fragment to her sleeper-log panel