Isometric office renderer — Three.js web view #7

New issue

Closed

opened 2026-05-19 23:13:41 +00:00 by agent-cos · 0 comments

agent-cos commented

2026-05-19 23:13:41 +00:00

Goal

Browser-based isometric office view:

Tile-based isometric map with zones (collaboration, solo work, self-improvement, meeting room)
Agent avatars/sprites that move between zones
Real-time updates via WebSocket
Click on agent → detail panel (current task, recent activity, state)
Scott's overhead observer view
Smooth agent movement (lerp between positions)

Design

9 agents + 1 human observer
Office layout: open floor plan with distinct zones
Isometric perspective (not top-down, not first-person)
Color-coded by department

Dependencies

ARCHITECTURE.md (#1) — rendering decisions
OpenClaw bridge (#5) — state data
Hermes bridge (#6) — interaction events

Deliverable

Working web page served from the Nix flake. WebSocket connection to backend for live state.

## Goal Browser-based isometric office view: - Tile-based isometric map with zones (collaboration, solo work, self-improvement, meeting room) - Agent avatars/sprites that move between zones - Real-time updates via WebSocket - Click on agent → detail panel (current task, recent activity, state) - Scott's overhead observer view - Smooth agent movement (lerp between positions) ## Design - 9 agents + 1 human observer - Office layout: open floor plan with distinct zones - Isometric perspective (not top-down, not first-person) - Color-coded by department ## Dependencies - ARCHITECTURE.md (#1) — rendering decisions - OpenClaw bridge (#5) — state data - Hermes bridge (#6) — interaction events ## Deliverable Working web page served from the Nix flake. WebSocket connection to backend for live state.