Dimension Portals — Astrid the wayfarer steps through 5 elemental realms collecting tokens
A 3D PORTAL demo: Astrid the wayfarer + her elemental staff portals through the Nexus hub into 5 realms — VERDANTIA (forest, Velia) · ABYSSALIS (undersea, Marellis) · CIRRUSAR (sky, Aerios) · IGNIRION (lava, Pyric) · GLACIRYNE (ice, Frosta) — collecting elemental tokens that compound across reseeds.
Built with:
three.js r0.160 (single file)Mandala-arranged Nexus hub + 5 elemental realms via staff-raise portal transitionslocalStorage Astrid journey memory + token collection across reseeds
Prompt
Build a single-file HTML page that recreates "a wayfarer dimension-hopper through 5 elemental realms" as a continuous 3D autoplay world with PORTAL multiverse mechanics.
CONCEPT: Astrid the wayfarer carries an elemental staff and steps through the NEXUS hub into 5 elemental realms: VERDANTIA (forest), ABYSSALIS (undersea), CIRRUSAR (sky), IGNIRION (lava), GLACIRYNE (ice). Each realm has a named guardian: Velia, Marellis, Aerios, Pyric, Frosta. Astrid collects elemental tokens — leaf, pearl, feather, ember, shard.
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 `astrid_journey_memory_v1` — saves Astrid's tokens collected, cycles, journey log.
Round 17 PORTAL spec:
- 5 elemental realms + Nexus hub = 6 worlds, each with own palette
- Portal travel via Astrid raising her staff — realm fades → new realm rebuilds. Auto-portal every 60-90s.
- 5 named guardians + Astrid as wayfarer between all realms
- 100+ named: Astrid + 5 guardians + 60 instanced realm-dwellers + 30-name pool
- 19 director cameras (4 Nexus + 3 each per realm)
- Per-world HUD: "REALM 4 OF 5: IGNIRION · GUARDIAN PYRIC · TOKEN: EMBER · ASTRID HAS 3/5"
- Mini-map = mandala arrangement of Nexus + 5 realms with active-realm highlight
- Era stamp = mystical crystal sigil + token rail showing collected elements
Tone: cozy, mythic, contemplative. ALL realms and guardians fully fictional, no real mythology referenced.
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 elemental realms in one demo using a Nexus mandala hub + staff-raise transition + per-realm rebuild
- How to give 5 elemental realms wholly different palettes/skies/fog/material vibes (forest, undersea, sky, lava, ice) under 60KB
- How to use localStorage to persist elemental tokens that Astrid collects across reseeds — the 5-token grail set takes multiple cycles to assemble