The-Office — A Pixel Office Simulator with AI Agents
An isometric pixel-art office where 16 Claude agents live, work, and talk to one another. Built with PixiJS featuring isometric rendering, A* pathfinding, and packaged with Electron.
Tech
I wanted to see what happens when you place 16 Claude agents inside a small physical world, give them desks, colleagues, and goals — and simply watch what they do. The-Office is an isometric pixel-art office where each agent lives, moves around, talks to others, and makes decisions through the Claude API.
The project is structured as a monorepo: a rendering package (PixiJS with isometric camera control), an AI package (orchestrating 16 agents, managing conversations and behavior), and an Electron wrapper that ties everything together into a desktop application. The A* pathfinding is hand-rolled rather than library-based, giving me precise control over movement preferences — an agent will choose to walk through a well-lit corridor rather than a dark one.
The reason this isn’t a web-only demo is that Electron gives me access to the file system for persisting memory across agents, as well as to the microphone for live voice input. This is a project I continue to develop — mostly because it’s genuinely fascinating to watch what the agents decide without being told in advance.
Outcomes
- 16 autonomous agents with independent sprites and behavior scripts
- Over 20,000 lines of TypeScript in a monorepo split into packages
- Smooth isometric rendering at 60fps on PixiJS