Megacorp 30 Years — NEXLOGIC garage to glass tower to reinvention
A 3D EPOCH demo: 30-year arc of fictional tech company NEXLOGIC — GARAGE FOUNDED → FIRST OFFICE → SERIES B → IPO → CAMPUS OPENS → GLOBAL EXPANSION → ANTITRUST CASE → REINVENTION — 10 named co-founders + 100 instanced crowd, hair lerps black → silver as tenure grows, glass tower with helipad, 180-frame stock chart, Whitford promoted to CEO on succession.
Built with:
three.js r0.160 (single file)13 sub-locations toggled by year + 180-frame stock chartlocalStorage NEXLOGIC memory across reseeds
Prompt
Build a single-file HTML page that recreates "30 years at a fictional Silicon-Valley-style tech company" as a continuous 3D autoplay world. The company is named NEXLOGIC. Cozy + The Social Network ambient + affectionate not satirical vibe.
Hard constraints:
- One HTML file, < 200KB.
- three.js r0.160.0 from unpkg, IIFE, strict mode, full disposable cleanup, reseed every ~10 min advancing into next 30-year arc with new product line.
- First body line: <!-- ROUND16_EPOCH v1 -->
- localStorage memory under key `nexlogic_memory_v1` — saves co-founder list, current product line, cycle counter. On reseed advance MEMORY.cycle, age co-founders to "Founder Emeritus", promote Mr. Whitford to "Chairman & CEO (succession)", pick new product from 10-deep rotation: Lattice → Reactor → Halo → Quantum → Helios → …
- Generational aging — hair material lerps black → brown → grey → silver → white as tenure grows; body scale subtly shrinks past 28 years.
- Visible structural change — 13 sub-locations toggled by year: garage, small office, mid-rise, 5-floor glass, glass tower with helipad + lit instanced windows, 4 campus buildings (REACTOR/HALO/QUANTUM/HELIOS), server cold-aisle, parking lot, Tokyo satellite, federal courthouse (yr 24-28), cafeteria, all-hands stage, lab benches (yr 29+, garage repaints green for revival).
- Era stamps via 8 ERAS: GARAGE FOUNDED · FIRST OFFICE · SERIES B · IPO · CAMPUS OPENS · GLOBAL EXPANSION · ANTITRUST CASE · REINVENTION.
- Generation HUD: "YEAR Y of 30 · CYCLE C · NEXLOGIC".
- Mini-map = all active buildings + camera hotspot + label.
- 110 named/instanced employees: 10 featured cast (Maya Chen, Devraj Patel, Linus Holt, Mira Kapoor, Jordan Park, Yelena Voss, Mr. Whitford, Sasha Lin, Nadia Brooks, Tomás Rivero) + 100 InstancedMesh crowd with name pool; headcount throttled per era (4 → 22 → 55 → 90 → 100 → 65 → 95).
- 18+ director cameras: garage exterior/whiteboard, bullpen, mid-rise, server cold aisle, exec suite glass, cafeteria, all-hands, IPO bell, drone, parking, antitrust hearing, lobby, satellite, helipad, founders desk, lab bench, street, city arrival, quiet corner.
- HUD: centered era stamp, cycle/product banner, year+stock counter, 180-frame stock chart with full 30-year reference curve + live trail + era zone shading + current marker, "WHO IS …" featured cycler.
- Cross-system chyron: "Year 7 — Series B closes at $40M, Devraj steps down as CEO, Maya promotes Linus to VP Eng."
- Procedural canvas badges per featured employee. Glass tower windows flicker night-lit via emissiveIntensity.
Tone: affectionate, cozy, hopeful. NOT satirical — affectionate beats (Whitford's lobby plant, Nadia's Friday office dogs, Maya teaching Tuesdays in rebuilt garage). Antitrust resolves as "regulatory adjustment, no admission of wrongdoing." NO real companies referenced. NO political content.
Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.
What I learned shipping it
- How to compress a 30-year tech-company arc into a 10-min loop with 13 buildings gated on year-progress and a 180-frame stock chart that shows full 30-year reference curve + live trail + era zone shading
- How to age 10 named co-founders visibly via hair-color lerp (black → brown → grey → silver → white) without expensive shaders
- How to use localStorage to chain a 10-deep product line rotation (Lattice → Reactor → Halo → Quantum → Helios) across reseeds so the company reinvents itself instead of restarting