Agentic Office — NEXLOGIC Industries (Whitford Returns!): 13 named workers + Bytes the cat across 5 floors
A 3D AGENTIC demo: NEXLOGIC Industries — Mr. Whitford from the Meridian Mall is now CEO of his own company! 13 named workers and Bytes the office cat visibly live a fictional 5-floor office across a single workday. CROSSOVER from R17 mall — the chyron reads memory from `meridian_mall_memory_v1`. Like The Office meets Inception.
Built with:three.js r0.160 (single file)5 stacked floors + central atrium hole + glass elevator cycling throughlocalStorage nexlogic_returns_v1 + READS meridian_mall_memory_v1 for CROSSOVER
#threejs#agentic#autoplay
## What this is
A 3D recreation of NEXLOGIC Industries, a fictional 5-floor office building where Mr. Whitford — the same Whitford from the Round 17 Meridian Mall demo, where he was the jolly Santa-cycle owner — is now CEO of his own company. Thirteen named workers and Bytes the office cat visibly live across the workday. The Lobby is the security desk + welcome plant. Engineering is the open-plan dev cluster (Vivian VP Eng's domain, with Marcus, Mei Lin, Andre, and Tomi shipping). Sales is the deal whiteboard + pipeline columns (Dale, Felicity, Owen working leads). Executive is the corner offices + boardroom (Whitford CEO, Priya CFO). Cafeteria is the lunch tables + barista counter (Jordan + Isamu run it, all 13 cycle through for lunch). The five floors stack around a central atrium hole, and a glass elevator car cycles through all five floors continuously — you can watch Whitford ride from Executive down to Cafeteria to grab a coffee. Eased lerp transitions move the camera between floors. Portal fade fires every 75 seconds. Twenty-two director cameras cycle, including dedicated follow-cams for Tomi (the engineer who actually ships), Bytes (the office cat), and Whitford (the CEO crossover). Each worker has a goal, a need, a plan with discrete stops, and a mood — visible in the AGENTIC THINK PANEL that cycles featured every three seconds. Slack pings fire as sprite bubbles (CanvasTexture, four-second decay) when workers message each other. Spinning decision diamonds pop when plans branch. Goal trails follow as Line geometry with a 60-point buffer. Interaction sparkles fire when two featured meet. Bytes the cat has her own brain ("nap on Tomi's keyboard → patrol cafeteria → headbutt Whitford → demand cat treats"). Plus 80 ambient background workers from a 30-name pool.
The office *remembers* — and so does its CEO. localStorage saves NEXLOGIC's own state under `nexlogic_returns_v1` (current quarter, morale, deals closed, projects shipped, relationships top-pairs, XP, total reseeds), AND read-only loads `meridian_mall_memory_v1` from the R17 mall demo to weave Whitford's mall past into chyron lines: "Whitford remembers the year the mall got the carousel." Each ten-minute reseed advances the quarter, ships or kills a project, closes or loses a deal, jiggles morale, and persists.
You don't play it. You watch it. And it remembers — across demos.
## Why this is mind-blowing
The chyron is the secret weapon: "Q3 Day 47 — Whitford remembers the carousel. Tomi ships ProjectMercury Beta. Bytes naps on Tomi's keyboard during the demo." That single line stitches three floors and a CROSSOVER in one beat — Whitford on the Executive corner-office close camera with the corner-of-his-eye smile (decision diamond as he decides to send a holiday gift to the mall, chyron pulls "carousel" line from `meridian_mall_memory_v1`), Tomi on the Engineering ship-it close camera with the green-checkmark animating across her monitor (interaction sparkle as Mei Lin and Andre high-five, projects-shipped counter ticks +1), and Bytes on her dedicated follow-cam with her back paw twitching on Tomi's spacebar (decision diamond as Bytes prevents the deploy with paw-on-keyboard, demo recovers). Multiply that by thirteen workers each with a brain panel showing goal/need/have/plan/step/mood, slack-ping sprite bubbles firing across floors, an office cat with her own follow-cam, a CROSSOVER from the R17 mall demo (read-only across localStorage keys — proven first-class demo-to-demo memory), and an Office-cozy chyron beating Q×Day with mall callbacks, and you've got an Office-meets-Inception stream that genuinely earns its agentic scope. Tone is cozy office — Whitford remembered fondly, Bytes is the real CEO, ALL FICTIONAL — no real companies, no real CEOs, no real cats.
Prompt
Build a single-file HTML page that recreates "13 named workers + a cat visibly living a fictional 5-floor office workday" as a continuous 3D autoplay world with AGENTIC story-engine mechanics + CROSSOVER from R17 mall.
CONCEPT: NEXLOGIC INDUSTRIES — Mr. Whitford from the R17 Meridian Mall demo is now CEO of his own fictional company. Office-meets-Inception tone.
Hard constraints:
- One HTML file, < 200KB.
- three.js r0.160.0 from unpkg, IIFE strict, reseed every ~10 min.
- First body line: <!-- ROUND18_AGENT v1 -->
- localStorage `nexlogic_returns_v1` (own state) + READ-ONLY `meridian_mall_memory_v1` for crossover.
Round 17 PORTAL spec retained:
- 5 stacked floors + central atrium hole
- Glass elevator cycles through all 5 floors
- 22 director cameras + 5-floor mini-map
Round 18 AGENTIC spec (NEW):
1. AGENTIC THINK PANEL — cycles featured every 3s
2. SLACK PING SPRITE BUBBLES (CanvasTexture, 4s decay)
3. SPINNING DECISION DIAMONDS
4. GOAL TRAILS — Line geometry, 60-pt buffer
5. INTERACTION SPARKLES when featured meet
6. STORY CHYRON — beats Q×Day, references mall memory
7. RELATIONSHIPS GRAPH — top pairs across reseeds
8. CROSSOVER — read meridian_mall_memory_v1 for chyron lines
Tone: COZY office. Whitford remembered fondly. ALL FICTIONAL.
Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.
What I learned shipping it
How to do a CROSSOVER between demos by reading the *other* demo's localStorage key (read-only)
How to render Slack pings as sprite bubbles with CanvasTexture and 4s decay
How to model 5 stacked floors with a central atrium hole and a glass elevator that cycles through all of them