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.
What this is
A 3D recreation of an elemental dimension-hopping journey, with Astrid the wayfarer carrying her elemental staff through five fictional realms plus a central Nexus hub. The Nexus is a mandala-arranged hub on a violet-twilight palette with five portal arches radiating outward and a central crystal pillar. Verdantia is the forest realm on an emerald-gold palette with towering trees, mossy boulders, mushroom rings, a glade pool, and a willow grove — guarded by Velia. Abyssalis is the undersea realm on a deep-cyan-coral palette with a coral reef, kelp forest, sunken ruin, anemone garden, and abyssal trench — guarded by Marellis. Cirrusar is the sky realm on a sunset-pink-cloud palette with cumulus platforms, a wind-temple, sky-bridges, a sunbeam altar, and a crow's-nest spire — guarded by Aerios. Ignirion is the lava realm on a crimson-amber palette with lava pools, a basalt path, ember-spire, magma waterfall, and obsidian ring — guarded by Pyric. Glaciryne is the ice realm on a frost-violet palette with crystalline pillars, a frozen lake, snow-deer migration trail, ice-cave glow, and aurora ridge — guarded by Frosta. Astrid travels every realm in turn. She raises her staff and the current realm fades while the next rebuilds — that's the portal transition. She collects an elemental token in each realm: leaf from Verdantia, pearl from Abyssalis, feather from Cirrusar, ember from Ignirion, shard from Glaciryne. Nineteen director cameras cycle: four Nexus angles plus three per realm. Sixty instanced realm-dwellers fill each realm.
The journey remembers. localStorage saves Astrid's collected tokens, cycles, and journey log between reseeds. After ten minutes the next cycle begins; Astrid's tokens compound, the 5-token grail set takes multiple cycles to assemble, and her journey log writes itself into a long mythic arc.
You don't play it. You watch it. And it remembers.
Why this is mind-blowing
The chyron is the secret weapon: "Cycle 8 — Astrid earns the Pearl token from Marellis. Across the multiverse, Pyric stokes Ignirion's lava-tide. Frosta's snow-deer migrate." That single line stitches three realms in one beat — Astrid on the Abyssalis kelp-forest camera with Marellis the merfolk guardian handing her the pearl token, Pyric on the Ignirion magma-waterfall wide camera stoking the lava-tide with their staff, and Frosta on the Glaciryne aurora-ridge camera with snow-deer migrating across the frozen plain. Multiply that by five wholly distinct elemental palettes (each with its own sky, fog, ground material), a staff-raise portal transition that fades the current realm and rebuilds the next, a token rail that fills toward the 5-token grail set across multiple ten-minute cycles, and a mythic-cozy chyron that compounds Astrid's journey into a long arc, and you've got an Avatar-the-Last-Airbender-cozy stream that genuinely earns its multiverse scope. Tone is contemplative: ALL realms and guardians purely fictional, no real mythology referenced.
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