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.
What this is
A 3D recreation of three decades at the fictional Silicon-Valley-style company NEXLOGIC, from garage founding to glass tower to reinvention. Eight era stamps progress: GARAGE FOUNDED → FIRST OFFICE → SERIES B → IPO → CAMPUS OPENS → GLOBAL EXPANSION → ANTITRUST CASE → REINVENTION. Thirteen sub-locations toggle on year-progress: garage, small office, mid-rise, five-floor glass, glass tower with helipad and lit instanced windows, four supporting campus buildings — REACTOR, HALO, QUANTUM, HELIOS — that dim during the decline years 26-29, a server cold aisle with LED racks, parking lot, Tokyo satellite, federal courthouse for the antitrust years 24-28, cafeteria, all-hands stage, and lab benches that arrive at year 29 when the original garage gets repainted green for the revival. Ten featured cast members run the company alongside a 100-instance crowd: Maya Chen, Devraj Patel, Linus Holt, Mira Kapoor, Jordan Park, Yelena Voss, Mr. Whitford, Sasha Lin, Nadia Brooks, Tomás Rivero. Hair material lerps black → brown → grey → silver → white as their tenure grows. Headcount throttles per era from 4 in the garage to 100 at the campus opening to 65 during the antitrust slump back up to 95 in the revival. Twenty director cameras cut between 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. A 180-frame stock chart HUD shows the full 30-year reference curve, the live trail, era-zone shading, and a current marker.
The company remembers. localStorage saves co-founder list, current product line, and cycle counter between reseeds. After ten minutes the cycle advances — co-founders become Founder Emeritus, Mr. Whitford gets promoted to Chairman & CEO via succession, the product rotates: Lattice → Reactor → Halo → Quantum → Helios → and on.
You don't play it. You watch it. And it remembers.
Why this is mind-blowing
The chyron is the secret weapon: "Year 7 — Series B closes at $40M, Devraj steps down as CEO, Maya promotes Linus to VP Eng." That single line stitches three featured cast members across three cameras simultaneously — Devraj on the founders-desk camera (you can see him visibly aged with grey-tinted hair), Maya on the bullpen camera (one chair over from Linus, clearly the new boss), Linus on the all-hands stage camera (just got the title, badge updated). Multiply that by 10 featured cast aging in real-time, 110 named/instanced employees, 13 sub-locations toggling on year-progress, a 180-frame stock chart with era-zone shading, and a 10-deep product rotation across reseeds (Lattice → Reactor → Halo → Quantum → Helios), and you've got a Silicon-Valley-cozy stream that genuinely earns its 30-year scope. Tone is affectionate not satirical: Whitford's lobby plant, Nadia's Friday office dogs, Maya teaching Tuesdays in the rebuilt garage. The antitrust resolves as "regulatory adjustment, no admission of wrongdoing." No real companies. No political content.
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