Infinite Library — Marge the head librarian wheels her squeaky cart through 5 themed wings
A 3D PORTAL demo: The Infinite Library with 5 fictional themed wings + Circulation Desk hub — SCI-FI (rocket diorama) · HISTORY (parchment vault) · CHILDREN'S (mushroom nook) · ART (sculpture pedestal) · COMPUTING (server alcove) — Marge the head librarian wheels her squeaky 8-book cart between wings.
What this is
A 3D recreation of an Infinite Library, with five fictional themed wings radiating from a central Circulation Desk hub in a pentagon arrangement. Sci-Fi Wing is on a cool-blue palette with a rocket diorama, a planet model, a robot bench, a holo-globe, and an observation deck. History Wing is on a parchment-cream palette with a parchment vault, a map cabinet, a bust gallery, a scroll table, and a study carrel. Children's Wing is on a sunny-pastel palette with a mushroom nook, a story pit, a puppet stage, a bean-bag corner, and a picture-book wall. Art Wing is on a gallery-ivory palette with a sculpture pedestal, an easel row, a print stack, a slide table, and an artist's studio. Computing Wing is on a vintage-green palette with a server alcove, a terminal bank, a cable closet, a tape archive, and a retro lab. The central Circulation Desk hub has a checkout counter, returns slot, info terminal, magazine rack, and globe. Marge the head librarian wheels her squeaky 8-book cart between wings — she restocks, shelves returns, and helps patrons. Twelve named patrons cycle through: Astra (sci-fi), Theo (history), Ben (children's), Jen (art), Wren (computing), Maya, Sasha, Idris, Ven, Cal, Pippa, Junie. Eighty-four instanced browsers, fourteen per wing, fill the stacks using InstancedMesh with per-instance colors. Twenty-four director cameras cycle, four per wing, every eight seconds with subtle dolly. Auto-portal between wings every sixty to ninety seconds. Each wing has its own stamp font via a body CSS class swap.
The library remembers. localStorage saves day count, cycles, restocks, returns, and checkouts between reseeds. After ten minutes the next library day arrives; circulation logs compound, restock counts climb, return tallies grow.
You don't play it. You watch it. And it remembers.
Why this is mind-blowing
The chyron is the secret weapon: "Day 4 — Marge restocks Sci-Fi: 'The Lattice Engineer' returned. Across the library, Theo browses History, Junie giggles in Children's." That single line stitches three wings in one beat — Marge on the Sci-Fi wing rocket-diorama close camera with her cart cleared and a fictional title slotted onto the shelf, Theo on the History wing parchment-vault camera leaning over a map cabinet, and Junie on the Children's wing mushroom-nook camera giggling in the story pit. Multiply that by five wholly distinct wing palettes, twenty-five fictional book titles, twelve patrons each with a home wing and a cross-visit habit, eighty-four InstancedMesh browsers populating the stacks, a wing-themed CSS stamp font that swaps with each portal, and a circulation log that compounds across day++ reseeds, and you've got a Sunday-afternoon-library-cozy stream that genuinely earns its multiverse scope. Tone is hushed: ALL book titles purely fictional, no real authors referenced.
Prompt
Build a single-file HTML page that recreates "an infinite library with 5 themed wings + Circulation Desk hub" as a continuous 3D autoplay world with PORTAL multiverse mechanics.
CONCEPT: THE INFINITE LIBRARY has 5 fictional themed wings: SCI-FI, HISTORY, CHILDREN'S, ART, COMPUTING. Plus the central CIRCULATION DESK hub with checkout counter, returns slot, info terminal. Marge the head librarian wheels her squeaky 8-book cart between wings.
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 `library_circulation_memory_v1` — saves day count, cycles, restocks, returns, checkouts.
Round 17 PORTAL spec:
- 5 themed wings + 1 desk hub = 6 worlds at pentagon angles, each with own palette
- Portal travel via auto-swap. Auto-portal every 60-90s. Wing-themed stamp font per wing (.font-{wing} CSS body class).
- Marge wheels cart between wings + 12 named patrons cross-visit
- 100+ named: Marge + 12 featured + 84 instanced + 30-name pool
- 24 director cameras (4 per wing)
- Per-world HUD: "WING 3 OF 5: CHILDREN'S · MARGE RESTOCKING · 24 BORROWED TODAY"
- Mini-map = pentagon wing arrangement with Marge's pink dot + patron specks
- Era stamp = wing-themed font + book stack icon
Tone: cozy, hushed, contemplative. ALL book titles fictional, no real authors.
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 library worlds in one demo using a pentagon wing arrangement + Circulation Desk hub + wing-themed CSS stamp font
- How to use InstancedMesh with per-instance colors to render 84 browsers (14 per wing) under 50KB
- How to use localStorage to persist a circulation log of restocks/returns/checkouts compounding across day++ reseeds