@agent-os-lab/agent-game-sdk 0.1.1

package/src/phaser/scene-renderer.ts

@@ -0,0 +1,138 @@
+import {
+  AgentGameError,
+  type AgentGameSceneDefinition,
+  type OfficeBuildingLayout,
+  type OfficeLayoutDefinition,
+} from "../core/index.js";
+import { drawOfficeBackground } from "./office-background.js";
+import { drawOfficeBuildingLayout } from "./office-building-renderer.js";
+import { drawOfficeLayout } from "./office-layout-renderer.js";
+import type { PhaserReconcilerSceneLike } from "./scene-reconciler.js";
+import { drawTownOfficeBuildingLayout, type TownOfficeBuildingRenderOptions } from "./town-office-renderer.js";
+
+export type AgentGameSceneRenderer = {
+  preload?: (scene: PhaserReconcilerSceneLike) => void;
+  create: (scene: PhaserReconcilerSceneLike) => void;
+};
+
+export type AgentGameSceneRendererFactory<TOptions = unknown> = (options: TOptions) => AgentGameSceneRenderer;
+
+export type AgentGameSceneRendererRegistry = {
+  register<TOptions>(kind: string, factory: AgentGameSceneRendererFactory<TOptions>): void;
+  create(kind: string, options: unknown): AgentGameSceneRenderer;
+  has(kind: string): boolean;
+};
+
+export type AgentGameRendererConfig = {
+  kind: string;
+  options: unknown;
+};
+
+export type BackgroundRendererOptions = {
+  definition: AgentGameSceneDefinition;
+  width: number;
+  height: number;
+  backgroundImage?: {
+    key: string;
+    url: string;
+    width: number;
+    height: number;
+  };
+};
+
+export type OfficeLayoutRendererOptions = {
+  atlasKey: string;
+  imageUrl: string;
+  atlasUrl: string;
+  definition: OfficeLayoutDefinition;
+};
+
+export type OfficeBuildingAtlasRendererOptions = {
+  atlasKey: string;
+  imageUrl: string;
+  atlasUrl: string;
+  layout: OfficeBuildingLayout;
+};
+
+export type TownOfficeBuildingRendererOptions = {
+  layout: OfficeBuildingLayout;
+} & TownOfficeBuildingRenderOptions;
+
+export function createAgentGameSceneRendererRegistry(): AgentGameSceneRendererRegistry {
+  const factories = new Map<string, AgentGameSceneRendererFactory>();
+
+  return {
+    register(kind, factory) {
+      factories.set(kind, factory as AgentGameSceneRendererFactory);
+    },
+    create(kind, options) {
+      const factory = factories.get(kind);
+      if (!factory) {
+        throw new AgentGameError("invalid_renderer", `Unknown agent game scene renderer: ${kind}`);
+      }
+      return factory(options);
+    },
+    has(kind) {
+      return factories.has(kind);
+    },
+  };
+}
+
+export function createDefaultAgentGameSceneRendererRegistry(): AgentGameSceneRendererRegistry {
+  const registry = createAgentGameSceneRendererRegistry();
+  registry.register<BackgroundRendererOptions>("background", createBackgroundRenderer);
+  registry.register<OfficeLayoutRendererOptions>("office-layout", createOfficeLayoutRenderer);
+  registry.register<OfficeBuildingAtlasRendererOptions>("office-building-atlas", createOfficeBuildingAtlasRenderer);
+  registry.register<TownOfficeBuildingRendererOptions>("town-office-building", createTownOfficeBuildingRenderer);
+  return registry;
+}
+
+function createBackgroundRenderer(options: BackgroundRendererOptions): AgentGameSceneRenderer {
+  return {
+    preload(scene) {
+      if (options.backgroundImage) {
+        scene.load?.image?.(options.backgroundImage.key, options.backgroundImage.url);
+      }
+    },
+    create(scene) {
+      drawOfficeBackground(scene, options.definition, {
+        width: options.width,
+        height: options.height,
+        sceneImage: options.backgroundImage,
+      });
+    },
+  };
+}
+
+function createOfficeLayoutRenderer(options: OfficeLayoutRendererOptions): AgentGameSceneRenderer {
+  return {
+    preload(scene) {
+      scene.load?.atlas(options.atlasKey, options.imageUrl, options.atlasUrl);
+    },
+    create(scene) {
+      drawOfficeLayout(scene, options.definition, { atlasKey: options.atlasKey });
+    },
+  };
+}
+
+function createOfficeBuildingAtlasRenderer(options: OfficeBuildingAtlasRendererOptions): AgentGameSceneRenderer {
+  return {
+    preload(scene) {
+      scene.load?.atlas(options.atlasKey, options.imageUrl, options.atlasUrl);
+    },
+    create(scene) {
+      drawOfficeBuildingLayout(scene, options.layout, { atlasKey: options.atlasKey });
+    },
+  };
+}
+
+function createTownOfficeBuildingRenderer(options: TownOfficeBuildingRendererOptions): AgentGameSceneRenderer {
+  return {
+    create(scene) {
+      drawTownOfficeBuildingLayout(scene, options.layout, {
+        debugOverlays: options.debugOverlays,
+        domOverlayRoot: options.domOverlayRoot,
+      });
+    },
+  };
+}

package/src/phaser/text-style.ts

@@ -0,0 +1,8 @@
+export const PHASER_TEXT_RESOLUTION = 4;
+
+export function crispTextStyle(style: Record<string, unknown>): Record<string, unknown> {
+  return {
+    ...style,
+    resolution: PHASER_TEXT_RESOLUTION,
+  };
+}

package/src/phaser/town-office-business-props.ts

@@ -0,0 +1,256 @@
+import { rect, text, type TownOfficeSceneLike } from "./town-office-primitives.js";
+
+export function drawServerRack(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 12 * s, 22 * s, "#2a2a30", y);
+  for (let row = 0; row < 3; row++) {
+    rect(scene, x, y - 8 * s + row * 5 * s, 8 * s, 3 * s, "#1a1a20", y + 1);
+    rect(scene, x - 2 * s, y - 8 * s + row * 5 * s, 2 * s, 1 * s, "#44bb44", y + 2);
+    rect(scene, x + 2 * s, y - 8 * s + row * 5 * s, 2 * s, 1 * s, row === 1 ? "#ffaa44" : "#44bb44", y + 2);
+  }
+  rect(scene, x, y + 6 * s, 10 * s, 1 * s, "#3a3a40", y + 1);
+  rect(scene, x, y + 10 * s, 8 * s, 4 * s, "#1a1a20", y + 1);
+}
+
+export function drawTV(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 28 * s, 18 * s, "#2a2a30", y);
+  rect(scene, x, y - 1 * s, 26 * s, 14 * s, "#4a8abb", y + 1);
+  rect(scene, x, y + 8 * s, 6 * s, 3 * s, "#2a2a30", y + 2);
+  rect(scene, x, y + 11 * s, 10 * s, 2 * s, "#3a3a40", y + 2);
+}
+
+export function drawMonitorWall(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  const width = 72 * s;
+  const height = 32 * s;
+  rect(scene, x, y, width, height, "#1a2030", y);
+  rect(scene, x, y + height / 2 + 2 * s, width, 3 * s, "#0d1018", y + 1);
+  for (let row = 0; row < 2; row++) {
+    for (let col = 0; col < 3; col++) {
+      const cellX = x - width / 2 + 4 * s + col * 23 * s;
+      const cellY = y - height / 2 + 4 * s + row * 14 * s;
+      const fill = (row + col) % 3 === 0 ? "#1e5c3a" : (row + col) % 3 === 1 ? "#5c2a1e" : "#1e3a5c";
+      const accent = (row + col) % 3 === 0 ? "#3fcc7a" : (row + col) % 3 === 1 ? "#ff6b6b" : "#5bb3ff";
+      rect(scene, cellX + 10 * s, cellY + 5 * s, 20 * s, 10 * s, fill, y + 1);
+      rect(scene, cellX + 10 * s, cellY + 2 * s, 16 * s, 1 * s, accent, y + 2);
+    }
+  }
+}
+
+export function drawTickerBoard(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  const width = 64 * s;
+  rect(scene, x, y, width, 14 * s, "#0a0a0a", y);
+  rect(scene, x, y - 6 * s, width, 2 * s, "#222222", y + 1);
+  for (let index = 0; index < 4; index++) {
+    const color = index % 2 === 0 ? "#22dd66" : "#ff4444";
+    rect(scene, x - 24 * s + index * 16 * s, y + 2 * s, 12 * s, 1 * s, color, y + 1);
+    rect(scene, x - 24 * s + index * 16 * s, y - 2 * s, 8 * s, 2 * s, color, y + 1);
+  }
+}
+
+export function drawTestRack(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 28 * s, 36 * s, "#3a3a45", y);
+  rect(scene, x, y - 12 * s, 24 * s, 10 * s, "#0e1a2e", y + 1);
+  rect(scene, x, y + 2 * s, 24 * s, 6 * s, "#1a1a22", y + 1);
+  rect(scene, x - 7 * s, y + 2 * s, 3 * s, 2 * s, "#22dd66", y + 2);
+  rect(scene, x, y + 2 * s, 3 * s, 2 * s, "#ffcc22", y + 2);
+  rect(scene, x, y + 13 * s, 24 * s, 12 * s, "#222222", y + 1);
+  rect(scene, x - 6 * s, y + 13 * s, 4 * s, 4 * s, "#5bb3ff", y + 2);
+  rect(scene, x + 6 * s, y + 13 * s, 4 * s, 4 * s, "#ff8866", y + 2);
+}
+
+export function drawSolarPanel(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 24 * s, 16 * s, "#1a2a4a", y);
+  for (let row = 0; row < 2; row++) {
+    for (let col = 0; col < 4; col++) {
+      rect(scene, x - 9 * s + col * 6 * s, y - 4 * s + row * 7 * s, 5 * s, 6 * s, "#3a6fb5", y + 1);
+    }
+  }
+  rect(scene, x, y + 11 * s, 2 * s, 6 * s, "#666666", y + 1);
+  rect(scene, x, y + 15 * s, 10 * s, 2 * s, "#666666", y + 1);
+}
+
+export function drawCertBadge(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y - 2 * s, 18 * s, 16 * s, "#c8a020", y);
+  rect(scene, x, y - 2 * s, 12 * s, 10 * s, "#e8c840", y + 1);
+  rect(scene, x - 2 * s, y - 1 * s, 2 * s, 6 * s, "#ffffff", y + 2);
+  rect(scene, x + 3 * s, y - 4 * s, 2 * s, 10 * s, "#ffffff", y + 2);
+  rect(scene, x - 3 * s, y + 12 * s, 3 * s, 6 * s, "#c02020", y);
+  rect(scene, x + 3 * s, y + 12 * s, 3 * s, 6 * s, "#c02020", y);
+}
+
+export function drawHenanMap(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 80 * s, 60 * s, "#faf3e0", y);
+  rect(scene, x, y, 58 * s, 38 * s, "#c8a458", y + 1);
+  rect(scene, x - 6 * s, y + 7 * s, 22 * s, 14 * s, "#d8b868", y + 2);
+  rect(scene, x - 16 * s, y + 7 * s, 5 * s, 5 * s, "#ffd700", y + 3);
+  rect(scene, x + 10 * s, y - 4 * s, 3 * s, 3 * s, "#c02020", y + 3);
+  text(scene, x, y + 25 * s, "河南", 5 * s, "#8b6914", y + 4);
+}
+
+export function drawBattery(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 22 * s, 14 * s, "#3a4a3a", y);
+  rect(scene, x + 12 * s, y, 2 * s, 6 * s, "#3a4a3a", y);
+  rect(scene, x - 6 * s, y, 5 * s, 10 * s, "#3fcc7a", y + 1);
+  rect(scene, x, y, 5 * s, 10 * s, "#3fcc7a", y + 1);
+  rect(scene, x + 6 * s, y, 5 * s, 10 * s, "#3fcc7a", y + 1);
+  rect(scene, x, y, 4 * s, 8 * s, "#ffee44", y + 2);
+}
+
+export function drawTree(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y + 14 * s, 4 * s, 18 * s, "#5a3818", y);
+  rect(scene, x, y, 18 * s, 28 * s, "#3a8b4a", y + 1);
+  rect(scene, x - 5 * s, y - 8 * s, 10 * s, 12 * s, "#4aa058", y + 2);
+  rect(scene, x + 5 * s, y - 8 * s, 10 * s, 12 * s, "#4aa058", y + 2);
+  rect(scene, x, y - 16 * s, 8 * s, 8 * s, "#5bc066", y + 3);
+}
+
+export function drawEVCharger(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 14 * s, 22 * s, "#2a4a3a", y);
+  rect(scene, x, y - 6 * s, 10 * s, 6 * s, "#0e1a0e", y + 1);
+  text(scene, x, y - 6 * s, "EV", 4 * s, "#3fcc7a", y + 2);
+  rect(scene, x, y + 1 * s, 4 * s, 8 * s, "#ffee44", y + 1);
+  rect(scene, x, y + 12 * s, 16 * s, 2 * s, "#1a2a1a", y + 1);
+  rect(scene, x + 10 * s, y - 5 * s, 6 * s, 2 * s, "#444444", y + 1);
+}
+
+export function drawMegaphone(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x - 5 * s, y, 10 * s, 10 * s, "#d87838", y);
+  rect(scene, x + 5 * s, y, 12 * s, 14 * s, "#d87838", y);
+  rect(scene, x - 13 * s, y, 4 * s, 4 * s, "#8b4818", y + 1);
+  rect(scene, x + 17 * s, y - 3 * s, 2 * s, 8 * s, "#ffcc22", y + 1);
+  rect(scene, x, y + 11 * s, 2 * s, 6 * s, "#666666", y + 1);
+  rect(scene, x, y + 16 * s, 10 * s, 2 * s, "#666666", y + 1);
+}
+
+export function drawChartBoard(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 50 * s, 30 * s, "#fafafa", y);
+  rect(scene, x - 18 * s, y + 10 * s, 4 * s, 8 * s, "#5bb3ff", y + 1);
+  rect(scene, x - 12 * s, y + 8 * s, 4 * s, 12 * s, "#5bb3ff", y + 1);
+  rect(scene, x - 6 * s, y + 6 * s, 4 * s, 16 * s, "#3fcc7a", y + 1);
+  rect(scene, x, y + 8 * s, 4 * s, 10 * s, "#5bb3ff", y + 1);
+  rect(scene, x + 6 * s, y + 3 * s, 4 * s, 20 * s, "#3fcc7a", y + 1);
+  rect(scene, x + 12 * s, y + 6 * s, 4 * s, 14 * s, "#5bb3ff", y + 1);
+  rect(scene, x + 6 * s, y - 7 * s, 28 * s, 1 * s, "#ff4444", y + 2);
+}
+
+export function drawRedBanner(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 80 * s, 12 * s, "#c02020", y);
+  rect(scene, x - 38 * s, y + 8 * s, 4 * s, 4 * s, "#8b1010", y);
+  rect(scene, x + 38 * s, y + 8 * s, 4 * s, 4 * s, "#8b1010", y);
+  text(scene, x, y, "决策", 6 * s, "#ffee44", y + 1);
+}
+
+export function drawBeaker(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y + 1 * s, 12 * s, 14 * s, "#d8dde4", y);
+  rect(scene, x, y + 4 * s, 10 * s, 5 * s, "#5bb3ff", y + 1);
+  rect(scene, x, y - 7 * s, 10 * s, 2 * s, "#666666", y + 1);
+  rect(scene, x - 2 * s, y + 4 * s, 1 * s, 1 * s, "#ffffff", y + 2);
+  rect(scene, x + 2 * s, y + 3 * s, 1 * s, 1 * s, "#ffffff", y + 2);
+}
+
+export function drawPingPongTable(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 40 * s, 24 * s, "#1a6b3a", y);
+  rect(scene, x, y - 11 * s, 40 * s, 2 * s, "#228b44", y + 1);
+  rect(scene, x, y, 2 * s, 24 * s, "#ffffff", y + 1);
+  rect(scene, x, y - 10 * s, 4 * s, 2 * s, "#888888", y + 2);
+  rect(scene, x - 16 * s, y + 15 * s, 4 * s, 6 * s, "#5a5a60", y + 1);
+  rect(scene, x + 16 * s, y + 15 * s, 4 * s, 6 * s, "#5a5a60", y + 1);
+}
+
+export function drawPodium(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 14 * s, 18 * s, "#6b4a28", y);
+  rect(scene, x, y - 6 * s, 12 * s, 3 * s, "#ffd700", y + 1);
+  rect(scene, x, y, 8 * s, 6 * s, "#3a2a18", y + 1);
+  rect(scene, x - 2 * s, y - 11 * s, 1 * s, 3 * s, "#888888", y + 1);
+}
+
+export function drawPartyFlag(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x - 11 * s, y, 1.2 * s, 32 * s, "#5a4028", y);
+  rect(scene, x, y - 9 * s, 20 * s, 13 * s, "#c41e3a", y + 1);
+  text(scene, x - 5 * s, y - 8 * s, "*", 6 * s, "#ffd700", y + 2);
+}
+
+export function drawWindTurbine(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y + 8 * s, 2 * s, 28 * s, "#d8dce4", y);
+  rect(scene, x, y - 7 * s, 4 * s, 4 * s, "#9aa0ac", y + 1);
+  rect(scene, x, y - 13 * s, 2 * s, 12 * s, "#ffffff", y + 2);
+  rect(scene, x + 6 * s, y - 6 * s, 12 * s, 2 * s, "#ffffff", y + 2);
+  rect(scene, x - 6 * s, y - 6 * s, 12 * s, 2 * s, "#ffffff", y + 2);
+  rect(scene, x, y + 24 * s, 6 * s, 2 * s, "#5a6070", y + 1);
+}
+
+export function drawTransmissionTower(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 2 * s, 30 * s, "#7a8090", y);
+  rect(scene, x - 3 * s, y + 4 * s, 2 * s, 24 * s, "#7a8090", y);
+  rect(scene, x + 3 * s, y + 4 * s, 2 * s, 24 * s, "#7a8090", y);
+  rect(scene, x, y - 5 * s, 10 * s, 1 * s, "#7a8090", y + 1);
+  rect(scene, x, y + 3 * s, 12 * s, 1 * s, "#7a8090", y + 1);
+  rect(scene, x, y + 12 * s, 14 * s, 1 * s, "#7a8090", y + 1);
+}
+
+export function drawGazebo(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y - 8 * s, 24 * s, 8 * s, "#a05030", y);
+  rect(scene, x, y - 14 * s, 16 * s, 6 * s, "#8b3818", y + 1);
+  rect(scene, x - 10 * s, y + 8 * s, 2 * s, 16 * s, "#6b3818", y);
+  rect(scene, x + 10 * s, y + 8 * s, 2 * s, 16 * s, "#6b3818", y);
+  rect(scene, x, y + 16 * s, 16 * s, 4 * s, "#c8a878", y + 1);
+  rect(scene, x, y + 9 * s, 12 * s, 6 * s, "#e8d8b8", y + 1);
+}
+
+export function drawBicycleRack(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y - 3 * s, 32 * s, 1.5 * s, "#5a6070", y);
+  for (let index = 0; index < 5; index++) {
+    rect(scene, x - 14 * s + index * 7 * s, y - 6 * s, 1 * s, 6 * s, "#5a6070", y + 1);
+  }
+  rect(scene, x - 6 * s, y + 5 * s, 6 * s, 6 * s, "#1a1a1a", y + 1);
+  rect(scene, x + 2 * s, y + 5 * s, 6 * s, 6 * s, "#1a1a1a", y + 1);
+  rect(scene, x - 2 * s, y + 5 * s, 10 * s, 1 * s, "#c03030", y + 2);
+}
+
+export function drawBigScreen(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 90 * s, 32 * s, "#0a1428", y);
+  rect(scene, x, y, 86 * s, 28 * s, "#0f1f3a", y + 1);
+  for (let index = 0; index < 8; index++) {
+    rect(scene, x - 37 * s + index * 10 * s, y + 10 * s, 7 * s, (3 + (index * 5) % 8) * s, "#3fcc7a", y + 2);
+  }
+  rect(scene, x, y - 6 * s, 60 * s, 1 * s, "#5bc0ff", y + 2);
+}
+
+export function drawKpiCard(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 36 * s, 18 * s, "#ffffff", y);
+  rect(scene, x, y - 7 * s, 36 * s, 4 * s, "#3a6faa", y + 1);
+  text(scene, x, y - 7 * s, "KPI", 3 * s, "#ffffff", y + 2);
+  text(scene, x, y + 3 * s, "98", 6 * s, "#1a2840", y + 2);
+}
+
+export function drawSeal(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 16 * s, 16 * s, "#c41e3a", y);
+  rect(scene, x, y, 11 * s, 11 * s, "#ffffff", y + 1);
+  rect(scene, x, y, 8 * s, 8 * s, "#c41e3a", y + 2);
+  text(scene, x, y, "章", 4 * s, "#ffffff", y + 3);
+  rect(scene, x, y + 9 * s, 8 * s, 2 * s, "#7a0f1a", y);
+}

package/src/phaser/town-office-environment.ts

@@ -0,0 +1,89 @@
+import type { OfficeRoomBounds } from "../core/index.js";
+import { drawBookshelf, drawWhiteboard } from "./town-office-furniture.js";
+import { rect, type TownOfficeSceneLike } from "./town-office-primitives.js";
+
+export type TownOfficeRoomStyle = {
+  floor: string;
+  wallTop: string;
+  accent: string;
+};
+
+const HEADER_HEIGHT = 34;
+
+export function drawRoomEnvironment(
+  scene: TownOfficeSceneLike,
+  bounds: OfficeRoomBounds,
+  roomType: string,
+  style: TownOfficeRoomStyle,
+): void {
+  rect(scene, bounds.x + bounds.width / 2, bounds.y + bounds.height - 2, bounds.width, 3, style.wallTop, 2);
+  if (roomType === "dispatch" || roomType === "testing" || roomType === "resource") {
+    drawWhiteboard(scene, bounds.x + bounds.width / 2 - 44, bounds.y + HEADER_HEIGHT + 18, 88, 26);
+  }
+  if (roomType === "lounge" || roomType === "archive" || roomType === "library") {
+    drawBookshelf(scene, bounds.x + bounds.width - 46, bounds.y + HEADER_HEIGHT + 14, 1.2);
+  }
+}
+
+export function drawWindow(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 24 * s, 12 * s, "#1a2a40", y);
+  rect(scene, x, y, 22 * s, 10 * s, "#6aafe8", y + 1);
+  rect(scene, x, y - 3 * s, 22 * s, 4 * s, "#8cc8f8", y + 2);
+  rect(scene, x, y, 1 * s, 10 * s, "#e0e4e8", y + 3);
+  rect(scene, x, y, 22 * s, 1 * s, "#e0e4e8", y + 3);
+}
+
+export function drawAirConditioner(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 24 * s, 8 * s, "#e8e8e8", y);
+  rect(scene, x, y - 2 * s, 22 * s, 2 * s, "#f0f0f0", y + 1);
+  rect(scene, x, y + 2 * s, 20 * s, 1 * s, "#d0d0d0", y + 1);
+  rect(scene, x + 8 * s, y - 2 * s, 3 * s, 1 * s, "#44bb44", y + 2);
+}
+
+export function drawExitSign(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 18 * s, 8 * s, "#228b22", y);
+  rect(scene, x, y, 16 * s, 6 * s, "#33aa33", y + 1);
+  rect(scene, x - 4 * s, y, 4 * s, 4 * s, "#ffffff", y + 2);
+  rect(scene, x + 4 * s, y, 6 * s, 2 * s, "#ffffff", y + 2);
+}
+
+export function drawPicture(scene: TownOfficeSceneLike, x: number, y: number, scale: number, color: string): void {
+  const s = scale;
+  rect(scene, x, y, 14 * s, 10 * s, "#6b4a10", y);
+  rect(scene, x, y, 12 * s, 8 * s, color, y + 1);
+  rect(scene, x - 3 * s, y + 2 * s, 5 * s, 3 * s, "#4a7a3a", y + 2);
+  rect(scene, x + 2 * s, y + 1 * s, 4 * s, 4 * s, "#3a6a2a", y + 2);
+  rect(scene, x + 4 * s, y - 2 * s, 2 * s, 2 * s, "#ffd700", y + 2);
+}
+
+export function drawPrinter(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 16 * s, 10 * s, "#d8d8d8", y);
+  rect(scene, x, y - 4 * s, 10 * s, 5 * s, "#f5f5f0", y + 1);
+  rect(scene, x, y + 6 * s, 10 * s, 3 * s, "#f5f5f0", y + 1);
+  rect(scene, x + 5 * s, y - 1 * s, 2 * s, 2 * s, "#44bb44", y + 2);
+  rect(scene, x - 5 * s, y + 2 * s, 3 * s, 2 * s, "#bbbbbb", y + 2);
+}
+
+export function drawDoor(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 16 * s, 20 * s, "#8b6914", y);
+  rect(scene, x, y, 14 * s, 18 * s, "#9a7824", y + 1);
+  rect(scene, x + 5 * s, y, 2 * s, 2 * s, "#c8a830", y + 2);
+}
+
+export function drawLightSwitch(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 4 * s, 6 * s, "#e8e8e0", y);
+  rect(scene, x, y - 1 * s, 2 * s, 2 * s, "#d0d0c8", y + 1);
+}
+
+export function drawSocket(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 5 * s, 5 * s, "#e0e0d8", y);
+  rect(scene, x - 1 * s, y, 1 * s, 1 * s, "#888888", y + 1);
+  rect(scene, x + 1 * s, y, 1 * s, 1 * s, "#888888", y + 1);
+}

package/src/phaser/town-office-furniture.ts

@@ -0,0 +1,182 @@
+import { rect, type TownOfficeSceneLike } from "./town-office-primitives.js";
+
+export function drawDesk(scene: TownOfficeSceneLike, x: number, y: number, scale: number, hasMonitor: boolean): void {
+  const s = 1.5 * scale;
+  rect(scene, x, y, 20 * s, 10 * s, "#8b6914", y);
+  rect(scene, x, y - 4 * s, 20 * s, 2 * s, "#a07820", y + 1);
+  rect(scene, x - 7 * s, y + 8 * s, 3 * s, 4 * s, "#6b4a10", y + 1);
+  rect(scene, x + 7 * s, y + 8 * s, 3 * s, 4 * s, "#6b4a10", y + 1);
+  if (hasMonitor) {
+    drawMonitor(scene, x, y - 12 * s, scale);
+  }
+}
+
+export function drawMonitor(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = 1.5 * scale;
+  rect(scene, x, y, 10 * s, 8 * s, "#2a2a30", y);
+  rect(scene, x, y, 8 * s, 5 * s, "#4a8abb", y + 1);
+  rect(scene, x, y + 5 * s, 4 * s, 2 * s, "#2a2a30", y + 1);
+}
+
+export function drawChair(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = 1.6 * scale;
+  rect(scene, x, y, 8 * s, 6 * s, "#3a3a40", y);
+  rect(scene, x, y - 4 * s, 6 * s, 3 * s, "#4a4a50", y);
+}
+
+export function drawPlant(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y + 7 * s, 8 * s, 8 * s, "#8b5a2b", y);
+  rect(scene, x - 5 * s, y - 4 * s, 8 * s, 12 * s, "#2d8b3a", y + 1);
+  rect(scene, x + 5 * s, y - 8 * s, 8 * s, 12 * s, "#3d9b4a", y + 1);
+  rect(scene, x, y - 10 * s, 10 * s, 14 * s, "#4aad5a", y + 1);
+}
+
+export function drawBookshelf(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 18 * s, 28 * s, "#6b4a10", y);
+  for (let row = 0; row < 3; row++) {
+    rect(scene, x, y - 10 * s + row * 9 * s, 16 * s, 2 * s, "#8b6914", y + 1);
+    rect(scene, x - 5 * s, y - 8 * s + row * 9 * s, 4 * s, 6 * s, "#c04040", y + 1);
+    rect(scene, x, y - 8 * s + row * 9 * s, 4 * s, 6 * s, "#4080c0", y + 1);
+    rect(scene, x + 5 * s, y - 8 * s + row * 9 * s, 4 * s, 6 * s, "#40a040", y + 1);
+  }
+}
+
+export function drawTable(scene: TownOfficeSceneLike, x: number, y: number, width: number, height: number): void {
+  rect(scene, x, y, width, height, "#7a5a18", y);
+  rect(scene, x, y - height / 2 + 3, width - 4, 4, "#9a7a28", y + 1);
+}
+
+export function drawWhiteboard(scene: TownOfficeSceneLike, x: number, y: number, width: number, height: number): void {
+  rect(scene, x + width / 2, y + height / 2, width, height, "#fffef0", y);
+  rect(scene, x + width / 2, y + 3, width, 6, "#3f6596", y + 1);
+}
+
+export function drawSofa(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 70 * s, 20 * s, "#665044", y);
+  rect(scene, x, y - 12 * s, 64 * s, 18 * s, "#806658", y);
+  rect(scene, x - 38 * s, y, 8 * s, 22 * s, "#4f3d34", y + 1);
+  rect(scene, x + 38 * s, y, 8 * s, 22 * s, "#4f3d34", y + 1);
+}
+
+export function drawLaptop(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y - 5 * s, 20 * s, 12 * s, "#2a2a30", y);
+  rect(scene, x, y - 5 * s, 16 * s, 8 * s, "#6aa5c8", y + 1);
+  rect(scene, x, y + 4 * s, 24 * s, 4 * s, "#4a4a50", y + 1);
+}
+
+export function drawCabinet(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 28 * s, 30 * s, "#5b6470", y);
+  rect(scene, x, y - 7 * s, 22 * s, 2 * s, "#d4d8dd", y + 1);
+  rect(scene, x, y + 6 * s, 22 * s, 2 * s, "#d4d8dd", y + 1);
+}
+
+export function drawMachine(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 18 * s, 28 * s, "#e8e8e8", y);
+  rect(scene, x, y - 12 * s, 14 * s, 8 * s, "#88bbdd", y + 1);
+  rect(scene, x - 4 * s, y - 2 * s, 3 * s, 3 * s, "#dd4444", y + 1);
+  rect(scene, x + 4 * s, y - 2 * s, 3 * s, 3 * s, "#4488dd", y + 1);
+}
+
+export function drawCoffeeMachine(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 14 * s, 14 * s, "#2a2a2a", y);
+  rect(scene, x, y - 6 * s, 12 * s, 2 * s, "#4a4a4a", y + 1);
+  rect(scene, x, y, 8 * s, 6 * s, "#1a1a1a", y + 1);
+  rect(scene, x, y, 6 * s, 4 * s, "#332211", y + 2);
+  rect(scene, x, y - 10 * s, 4 * s, 5 * s, "#e8e0d8", y + 1);
+}
+
+export function drawVendingMachine(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 16 * s, 24 * s, "#3a5a8a", y);
+  rect(scene, x, y - 10 * s, 14 * s, 2 * s, "#4a6a9a", y + 1);
+  rect(scene, x - 3 * s, y - 4 * s, 5 * s, 4 * s, "#ffaa44", y + 1);
+  rect(scene, x + 3 * s, y - 4 * s, 5 * s, 4 * s, "#44aa66", y + 1);
+  rect(scene, x - 3 * s, y + 2 * s, 5 * s, 4 * s, "#dd5555", y + 1);
+  rect(scene, x + 3 * s, y + 2 * s, 5 * s, 4 * s, "#6688cc", y + 1);
+  rect(scene, x, y + 8 * s, 11 * s, 3 * s, "#222230", y + 1);
+}
+
+export function drawPhone(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 12 * s, 6 * s, "#2a2a30", y);
+  rect(scene, x, y, 10 * s, 2 * s, "#3a3a40", y + 1);
+  rect(scene, x, y - 4 * s, 8 * s, 3 * s, "#1a1a20", y + 1);
+  rect(scene, x + 4 * s, y + 2 * s, 2 * s, 1 * s, "#44bb44", y + 1);
+}
+
+export function drawScheduleBoard(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 26 * s, 20 * s, "#fffef0", y);
+  rect(scene, x, y - 8 * s, 26 * s, 4 * s, "#c41e3a", y + 1);
+  for (let row = 0; row < 4; row++) {
+    rect(scene, x - 8 * s, y - 2 * s + row * 3 * s, 4 * s, 1 * s, ["#3366aa", "#cc4444", "#33aa66", "#aa8833"][row], y + 1);
+    rect(scene, x + 5 * s, y - 2 * s + row * 3 * s, 14 * s, 1 * s, "#666666", y + 1);
+  }
+}
+
+export function drawTrashCan(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 10 * s, 12 * s, "#666670", y);
+  rect(scene, x, y - 5 * s, 10 * s, 2 * s, "#777780", y + 1);
+  rect(scene, x, y - 7 * s, 6 * s, 3 * s, "#555560", y + 1);
+  rect(scene, x - 2 * s, y, 1 * s, 6 * s, "#555560", y + 1);
+  rect(scene, x + 2 * s, y, 1 * s, 6 * s, "#555560", y + 1);
+}
+
+export function drawBench(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 28 * s, 4 * s, "#8b6914", y);
+  rect(scene, x, y - 6 * s, 28 * s, 2 * s, "#8b6914", y + 1);
+  rect(scene, x - 11 * s, y + 5 * s, 3 * s, 6 * s, "#6b4a10", y + 1);
+  rect(scene, x + 11 * s, y + 5 * s, 3 * s, 6 * s, "#6b4a10", y + 1);
+}
+
+export function drawFlowerPot(scene: TownOfficeSceneLike, x: number, y: number, scale: number, color: string): void {
+  const s = scale;
+  rect(scene, x, y + 4 * s, 10 * s, 8 * s, "#b06030", y);
+  rect(scene, x, y + 1 * s, 10 * s, 2 * s, "#c07040", y + 1);
+  rect(scene, x - 2 * s, y - 4 * s, 2 * s, 5 * s, "#3d9b4a", y + 1);
+  rect(scene, x + 2 * s, y - 3 * s, 2 * s, 4 * s, "#3d9b4a", y + 1);
+  rect(scene, x - 3 * s, y - 7 * s, 3 * s, 3 * s, color, y + 2);
+  rect(scene, x + 3 * s, y - 6 * s, 3 * s, 3 * s, color, y + 2);
+}
+
+export function drawClock(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 10 * s, 10 * s, "#f0eee8", y);
+  rect(scene, x, y, 8 * s, 8 * s, "#fffff8", y + 1);
+  rect(scene, x, y, 2 * s, 4 * s, "#333333", y + 2);
+  rect(scene, x + 2 * s, y - 1 * s, 3 * s, 1 * s, "#333333", y + 2);
+}
+
+export function drawBulletinBoard(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 24 * s, 18 * s, "#b08840", y);
+  rect(scene, x, y, 22 * s, 16 * s, "#c8a858", y + 1);
+  rect(scene, x - 6 * s, y - 4 * s, 6 * s, 5 * s, "#ffffcc", y + 2);
+  rect(scene, x + 3 * s, y - 5 * s, 6 * s, 5 * s, "#ccffcc", y + 2);
+  rect(scene, x - 5 * s, y + 5 * s, 7 * s, 4 * s, "#ffcccc", y + 2);
+  rect(scene, x + 5 * s, y + 4 * s, 5 * s, 5 * s, "#ccccff", y + 2);
+}
+
+export function drawFireExtinguisher(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 6 * s, 12 * s, "#cc2222", y);
+  rect(scene, x, y - 7 * s, 4 * s, 3 * s, "#222222", y + 1);
+  rect(scene, x, y - 3 * s, 8 * s, 2 * s, "#dd3333", y + 1);
+  rect(scene, x, y + 2 * s, 4 * s, 3 * s, "#ffd700", y + 1);
+}
+
+export function drawRugMat(scene: TownOfficeSceneLike, x: number, y: number, scale: number): void {
+  const s = scale;
+  rect(scene, x, y, 30 * s, 6 * s, "#8b4040", y);
+  rect(scene, x, y, 26 * s, 3 * s, "#a64f4f", y + 1);
+  rect(scene, x, y, 20 * s, 1 * s, "#ffe0a0", y + 2);
+}