# Team Activity RPG Visualizer Proposal

## Goal
Create a 90s RPG-style office visualizer where each agent has a desk, a status animation, and a meeting area for handoffs or planning.

## Best first-iteration approach
Use plain HTML/CSS/JS with absolutely positioned elements.

## Scene layout
- Background wall/floor split
- Desks arranged in a grid
- Central meeting table
- Simple props: windows, monitors, chairs, plants, wall label
- A narrow side HUD for roster and status

## Agent states
- idle: subtle bobbing
- working: typing glow / desk pulse
- reviewing: standing or glowing monitor
- meeting: move toward the center table
- blocked: amber/red highlight
- sleeping or music: optional idle variants for flavor

## Motion strategy
- Start with fixed desk coordinates
- Use CSS transitions for walking between desks or to the meeting area
- Later upgrade to pathfinding only if needed
- Reconcile positions from a JSON snapshot every refresh

## Good upgrade paths later
- PixiJS for sprite layers
- Konva for canvas scene management
- GSAP for polished motion tweens
- SVG map layers for crisp retro UI assets

## V1 scope guardrails
Do not build collision, physics, or a full game engine yet. The first pass should feel animated without being difficult to maintain.