terminal-mmo 0.1.1 → 0.2.0

package/dist/cli.js

@@ -37,7 +37,7 @@ var SHOOTER = {
 var PROJECTILE = { w: 1, h: 1 };
 var PROGRESSION = { levelCap: 30 };
 var SPAWN = { x: 10, y: GROUND_TOP - BOX.h };
-var TOWN = { w: 80 };
+var ZONE_MAX = { w: 2000, h: 200 };
 var TOWN_SPAWN = { x: 12, y: GROUND_TOP - BOX.h };
 var RESPAWN = { delaySec: 5 };
 var XP_PER_KILL = 12;
@@ -59,6 +59,154 @@ function meleeHitbox(p) {
 function aabbOverlap(a, b) {
   return a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y;
 }
+// ../shared/src/sprites/sprite.ts
+var SENTINEL = "\xB7";
+var MIRROR = {
+  "(": ")",
+  ")": "(",
+  "[": "]",
+  "]": "[",
+  "{": "}",
+  "}": "{",
+  "<": ">",
+  ">": "<",
+  "/": "\\",
+  "\\": "/",
+  "`": "'",
+  "'": "`",
+  "\u258C": "\u2590",
+  "\u2590": "\u258C",
+  "\u2598": "\u259D",
+  "\u259D": "\u2598",
+  "\u2596": "\u2597",
+  "\u2597": "\u2596",
+  "\u259B": "\u259C",
+  "\u259C": "\u259B",
+  "\u2599": "\u259F",
+  "\u259F": "\u2599",
+  "\u259A": "\u259E",
+  "\u259E": "\u259A"
+};
+function splitTrimPad(art) {
+  const lines = art.split(`
+`);
+  while (lines.length > 0 && lines[0].trim() === "")
+    lines.shift();
+  while (lines.length > 0 && lines[lines.length - 1].trim() === "")
+    lines.pop();
+  const width = lines.reduce((w, l) => Math.max(w, l.length), 0);
+  return lines.map((l) => l.padEnd(width, " "));
+}
+function mirrorGlyphs(rows) {
+  return rows.map((row) => {
+    let out = "";
+    for (let i = row.length - 1;i >= 0; i--)
+      out += MIRROR[row[i]] ?? row[i];
+    return out;
+  });
+}
+function reverseRows(rows) {
+  return rows.map((row) => {
+    let out = "";
+    for (let i = row.length - 1;i >= 0; i--)
+      out += row[i];
+    return out;
+  });
+}
+
+class Sprite {
+  w;
+  h;
+  glyphRight;
+  glyphLeft;
+  colorRight;
+  colorLeft;
+  constructor(glyph, opts) {
+    const { defaultKey } = opts;
+    if (defaultKey.length !== 1)
+      throw new Error(`Sprite defaultKey must be a single char, got "${defaultKey}"`);
+    const glyphRows = splitTrimPad(glyph).map((r) => r.replaceAll(SENTINEL, " "));
+    this.h = glyphRows.length;
+    this.w = glyphRows.length > 0 ? glyphRows[0].length : 0;
+    let colorRows;
+    if (opts.colors === undefined) {
+      colorRows = glyphRows.map((r) => defaultKey.repeat(r.length));
+    } else {
+      const parsed = splitTrimPad(opts.colors);
+      const cw = parsed.length > 0 ? parsed[0].length : 0;
+      if (parsed.length !== this.h || cw !== this.w)
+        throw new Error(`Sprite colour grid (${cw}x${parsed.length}) must match glyph grid (${this.w}x${this.h})`);
+      colorRows = parsed.map((r) => Array.from(r, (c) => c === SENTINEL || c === " " ? defaultKey : c).join(""));
+    }
+    this.glyphRight = glyphRows;
+    this.glyphLeft = mirrorGlyphs(glyphRows);
+    this.colorRight = colorRows;
+    this.colorLeft = reverseRows(colorRows);
+  }
+  rows(facing = 1) {
+    return facing === 1 ? this.glyphRight : this.glyphLeft;
+  }
+  colorKeys(facing = 1) {
+    return facing === 1 ? this.colorRight : this.colorLeft;
+  }
+}
+
+// ../shared/src/emote.ts
+var FACE = `
+\xB7\u259F\u2580\u2580\u2580\u2599\xB7
+\u2590\u2588\u2588\u2588\u2588\u2588\u258C
+\u2590\u2588\u2588\u2588\u2588\u2588\u258C
+\xB7\u259C\u2584\u2584\u2584\u259B\xB7`;
+var EMOTES = [
+  {
+    id: "love",
+    sprite: new Sprite(`
+\u2584\u2588\u2588\u2584\u2588\u2588\u2584
+\u2580\u2588\u2588\u2588\u2588\u2588\u2580
+\xB7\xB7\u2580\u2588\u2580\xB7\xB7`, { defaultKey: "m" })
+  },
+  {
+    id: "laugh",
+    sprite: new Sprite(FACE, {
+      defaultKey: "y",
+      colors: `
+\xB7yyyyy\xB7
+yykykyy
+ykkkkky
+\xB7yyyyy\xB7`
+    })
+  },
+  {
+    id: "cry",
+    sprite: new Sprite(`
+\xB7\u259F\u2580\u2580\u2580\u2599\xB7
+\u2590\u2588\u2588\u2588\u2588\u2588\u258C
+\u2590\u2588\u2588\u2584\u2588\u2588\u258C
+\xB7\u259C\u2584\u2584\u2584\u259B\xB7`, {
+      defaultKey: "y",
+      colors: `
+\xB7yyyyy\xB7
+yykykyy
+yyckcyy
+\xB7yyyyy\xB7`
+    })
+  },
+  {
+    id: "angry",
+    sprite: new Sprite(FACE, {
+      defaultKey: "m",
+      colors: `
+\xB7mmmmm\xB7
+mmkmkmm
+mmkkkmm
+\xB7mmmmm\xB7`
+    })
+  }
+];
+var EMOTE_TTL = 2.5;
+function emoteById(id) {
+  return EMOTES.find((e) => e.id === id);
+}
 // ../shared/src/rng.ts
 function rngNext(state) {
   const s = state + 1831565813 | 0;
@@ -133,47 +281,6 @@ function isSolid(t, cx, cy) {
     return true;
   return t.cells[cy * t.w + cx] === 1;
 }
-function makeStarterField(seed = 1337) {
-  const { w, h } = WORLD;
-  const cells = new Uint8Array(w * h);
-  for (let y = GROUND_TOP;y < h; y++)
-    for (let x = 0;x < w; x++)
-      cells[y * w + x] = 1;
-  let s = seed;
-  const next = () => {
-    const r = rngNext(s);
-    s = r.state;
-    return r.value;
-  };
-  for (let i = 0;i < 70; i++) {
-    const px = Math.floor(next() * (w - 16)) + 2;
-    const py = GROUND_TOP - 4 - Math.floor(next() * 18);
-    const len = 6 + Math.floor(next() * 12);
-    for (let x = px;x < Math.min(px + len, w); x++)
-      cells[py * w + x] = 1;
-  }
-  return { w, h, cells };
-}
-function makeTownTerrain() {
-  const w = TOWN.w;
-  const h = WORLD.h;
-  const cells = new Uint8Array(w * h);
-  const solid = (x, y) => {
-    if (x >= 0 && x < w && y >= 0 && y < h)
-      cells[y * w + x] = 1;
-  };
-  for (let y = GROUND_TOP;y < h; y++)
-    for (let x = 0;x < w; x++)
-      solid(x, y);
-  for (let y = GROUND_TOP - 12;y < GROUND_TOP; y++) {
-    solid(0, y);
-    solid(w - 1, y);
-  }
-  const daisY = GROUND_TOP - 3;
-  for (let x = Math.floor(w / 2) - 6;x <= Math.floor(w / 2) + 6; x++)
-    solid(x, daisY);
-  return { w, h, cells };
-}
 
 // ../shared/src/physics.ts
 function stepEntity(t, src, ctl, dt) {
@@ -316,7 +423,7 @@ function stepProjectile(t, p, dt) {
   return { ...p, x, y, life };
 }
 // ../shared/src/protocol.ts
-var PROTOCOL_VERSION = 1;
+var PROTOCOL_VERSION = 3;
 var textEncoder = new TextEncoder;
 var textDecoder = new TextDecoder;
 
@@ -431,7 +538,13 @@ class Reader {
     return this.buf.byteLength - this.pos;
   }
 }
-var CLIENT_TAG = { hello: 1, input: 2, chat: 3 };
+var CLIENT_TAG = {
+  hello: 1,
+  input: 2,
+  chat: 3,
+  whisper: 4,
+  emote: 5
+};
 function encodeClientMessage(msg) {
   const w = new Writer;
   switch (msg.t) {
@@ -456,10 +569,27 @@ function encodeClientMessage(msg) {
       w.u8(CLIENT_TAG.chat);
       w.str(msg.text);
       break;
+    case "whisper":
+      w.u8(CLIENT_TAG.whisper);
+      w.str(msg.to);
+      w.str(msg.text);
+      break;
+    case "emote":
+      w.u8(CLIENT_TAG.emote);
+      w.str(msg.emote);
+      break;
   }
   return w.finish();
 }
-var SERVER_TAG = { welcome: 1, snapshot: 2, chat: 3, reject: 4 };
+var SERVER_TAG = {
+  welcome: 1,
+  snapshot: 2,
+  chat: 3,
+  reject: 4,
+  whisper: 5,
+  notice: 6,
+  emote: 7
+};
 var ENTITY_TYPES = ["player", "chaser", "shooter"];
 var SLOTS = ["weapon", "armor", "accessory"];
 var RARITIES2 = [
@@ -570,12 +700,225 @@ function decodeServerMessage(buf) {
     }
     case SERVER_TAG.chat:
       return { t: "chat", sessionId: r.u32(), handle: r.str(), text: r.str() };
+    case SERVER_TAG.whisper:
+      return {
+        t: "whisper",
+        fromSessionId: r.u32(),
+        from: r.str(),
+        to: r.str(),
+        text: r.str()
+      };
+    case SERVER_TAG.notice:
+      return { t: "notice", text: r.str() };
+    case SERVER_TAG.emote:
+      return { t: "emote", sessionId: r.u32(), emote: r.str() };
     case SERVER_TAG.reject:
       return { t: "reject", reason: r.str() };
     default:
       throw new Error(`unknown server message tag ${tag}`);
   }
 }
+// ../shared/src/sprites/chaser.ts
+var GLYPH = `
+\u259A\xB7\u259F\u2599\xB7\u259E\xB7
+\u259F\u2588\u2588\u2588\u2588\u2599\xB7
+\u259E\u259B\u259B\u259B\u259B\u258C\xB7
+\u2590\u259F\u259F\u259F\u259F\u2596\xB7
+\u259E\xB7\xB7\xB7\xB7\u259A\xB7`;
+var COLORS = `
+\xB7\xB7\xB7\xB7\xB7\xB7\xB7
+\xB7g\xB7\xB7g\xB7\xB7
+\xB7\xB7\xB7\xB7\xB7\xB7\xB7
+\xB7\xB7\xB7\xB7\xB7\xB7\xB7
+\xB7\xB7\xB7\xB7\xB7\xB7\xB7`;
+var chaser = new Sprite(GLYPH, { defaultKey: "m", colors: COLORS });
+
+// ../shared/src/sprites/merchant.ts
+var GLYPH2 = `
+\xB7\xB7\u259F\u2599\xB7\xB7
+\xB7\u259F\u2588\u2588\u2599\xB7
+\u259F\u259B\u2588\u2588\u259C\u2599
+\u2588\u2588\u2588\u2588\u2588\u2588
+\u259D\u2588\u2588\u2588\u2588\u2598`;
+var COLORS2 = `
+\xB7\xB7oo\xB7\xB7
+\xB7oooo\xB7
+oooooo
+cccccc
+\xB7oooo\xB7`;
+var merchant = new Sprite(GLYPH2, { defaultKey: "o", colors: COLORS2 });
+
+// ../shared/src/sprites/player.ts
+var GLYPH3 = `
+\xB7\u2590\u259B\u2588\u2588\u2588\u259C\u258C\xB7
+\u259D\u259C\u2588\u2588\u2588\u2588\u2588\u259B\u2598
+\xB7\xB7\u2598\u2598\xB7\u259D\u259D\xB7\xB7`;
+var COLORS3 = `
+\xB7ppppppp\xB7
+ppppppppp
+\xB7\xB7pp\xB7pp\xB7\xB7`;
+var player = new Sprite(GLYPH3, { defaultKey: "p", colors: COLORS3 });
+
+// ../shared/src/sprites/shooter.ts
+var GLYPH4 = `
+\xB7\u2597\u2584\u2584\u2584\u2596\xB7
+\u259F\u2588\u2588\u2588\u2588\u2588\u2599
+\u2588\u2588\u259F\u2588\u2599\u2588\u2588
+\u259C\u2588\u2588\u2588\u2588\u2588\u259B
+\xB7\u259D\u2580\u2580\u2580\u2598\xB7`;
+var COLORS4 = `
+\xB7ooooo\xB7
+oogggoo
+oggkggo
+oogggoo
+\xB7ooooo\xB7`;
+var shooter = new Sprite(GLYPH4, { defaultKey: "o", colors: COLORS4 });
+
+// ../shared/src/sprites/index.ts
+var REGISTRY = {
+  player,
+  chaser,
+  shooter
+};
+function spriteFor(type) {
+  return REGISTRY[type];
+}
+var NPC_REGISTRY = {
+  vendor: merchant
+};
+function spriteForNpc(kind) {
+  return NPC_REGISTRY[kind];
+}
+
+// ../shared/src/render.ts
+function blitSprite(buf, sprite, sx, sy, facing, hurt, style) {
+  const sw = buf.width;
+  const sh = buf.height;
+  const glyphs = sprite.rows(facing);
+  const keys = sprite.colorKeys(facing);
+  for (let ry = 0;ry < sprite.h; ry++) {
+    const py = sy + ry;
+    if (py < 0 || py >= sh)
+      continue;
+    const row = glyphs[ry];
+    const krow = keys[ry];
+    for (let rx = 0;rx < sprite.w; rx++) {
+      const ch = row[rx];
+      if (ch === " ")
+        continue;
+      const px = sx + rx;
+      if (px < 0 || px >= sw)
+        continue;
+      const fg = hurt ? style.hurt : style.palette[krow[rx]] ?? style.paletteDefault;
+      buf.setCellWithAlphaBlending(px, py, ch, fg, style.transparent);
+    }
+  }
+}
+function drawText(buf, x, y, text, fg, transparent) {
+  if (y < 0 || y >= buf.height)
+    return;
+  for (let i = 0;i < text.length; i++) {
+    const px = x + i;
+    if (px < 0 || px >= buf.width)
+      continue;
+    buf.setCellWithAlphaBlending(px, y, text[i], fg, transparent);
+  }
+}
+function drawEntitySprite(buf, e, cam, style) {
+  const sprite = spriteFor(e.type);
+  const sx = Math.round(e.x - Math.floor((sprite.w - BOX.w) / 2) - cam.x);
+  const sy = Math.round(e.y + BOX.h - sprite.h - cam.y);
+  blitSprite(buf, sprite, sx, sy, e.facing, e.hurtT > 0.3, style);
+}
+function drawNameplate(buf, e, cam, style) {
+  if (!e.name)
+    return;
+  const sprite = spriteFor(e.type);
+  const top = Math.round(e.y + BOX.h - sprite.h - cam.y);
+  const cx = e.x + BOX.w / 2 - cam.x;
+  const x = Math.round(cx - e.name.length / 2);
+  drawText(buf, x, top - 1, e.name, style.nameplate, style.transparent);
+}
+function renderZoneScene(buf, scene, cam, style) {
+  const sw = buf.width;
+  const sh = buf.height;
+  const { terrain } = scene;
+  const ww = terrain.w;
+  const wh = terrain.h;
+  const camX = Math.round(cam.x);
+  const camY = Math.round(cam.y);
+  buf.clear(style.bg);
+  for (let sy = 0;sy < sh; sy++) {
+    const wy = sy + camY;
+    for (let sx = 0;sx < sw; sx++) {
+      const wx = sx + camX;
+      if (isSolid(terrain, wx, wy) && wx >= 0 && wx < ww && wy >= 0 && wy < wh)
+        buf.setCell(sx, sy, "\u2588", style.terrainFg, style.terrainBg);
+    }
+  }
+  for (const pr of scene.portals) {
+    for (let yy = 0;yy < pr.h; yy++) {
+      for (let xx = 0;xx < pr.w; xx++) {
+        const px = pr.x + xx - camX;
+        const py = pr.y + yy - camY;
+        if (px >= 0 && px < sw && py >= 0 && py < sh)
+          buf.setCellWithAlphaBlending(px, py, "\u2592", style.portal, style.transparent);
+      }
+    }
+  }
+  for (const n of scene.npcs) {
+    const sprite = spriteForNpc(n.kind);
+    const sx = Math.round(n.x + Math.floor((n.w - sprite.w) / 2)) - camX;
+    const sy = Math.round(n.y + n.h - sprite.h) - camY;
+    blitSprite(buf, sprite, sx, sy, 1, false, style);
+  }
+  const sprites = [...scene.entities].sort((a, b) => a.y - b.y);
+  for (const e of sprites) {
+    drawEntitySprite(buf, e, cam, style);
+    drawNameplate(buf, e, cam, style);
+  }
+}
+// ../shared/src/sceneStyle.ts
+var SCENE_COLORS = {
+  bg: [16, 18, 26, 255],
+  terrainFg: [70, 82, 104, 255],
+  terrainBg: [34, 40, 54, 255],
+  portal: [180, 130, 255, 255],
+  transparent: [0, 0, 0, 0],
+  hurt: [255, 240, 120, 255],
+  nameplate: [150, 156, 168, 255],
+  paletteDefault: [232, 232, 238, 255]
+};
+var SCENE_PALETTE = {
+  p: [255, 150, 40, 255],
+  m: [220, 90, 90, 255],
+  g: [170, 240, 95, 255],
+  s: [186, 196, 210, 255],
+  w: [150, 96, 52, 255],
+  y: [242, 210, 92, 255],
+  e: [236, 190, 150, 255],
+  f: [110, 200, 110, 255],
+  c: [132, 222, 230, 255],
+  o: [232, 230, 216, 255],
+  k: [64, 66, 82, 255]
+};
+function buildSceneStyle(toColor) {
+  const c = (q) => toColor(q[0], q[1], q[2], q[3]);
+  const palette = {};
+  for (const [k, q] of Object.entries(SCENE_PALETTE))
+    palette[k] = c(q);
+  return {
+    bg: c(SCENE_COLORS.bg),
+    terrainFg: c(SCENE_COLORS.terrainFg),
+    terrainBg: c(SCENE_COLORS.terrainBg),
+    portal: c(SCENE_COLORS.portal),
+    transparent: c(SCENE_COLORS.transparent),
+    hurt: c(SCENE_COLORS.hurt),
+    nameplate: c(SCENE_COLORS.nameplate),
+    palette,
+    paletteDefault: c(SCENE_COLORS.paletteDefault)
+  };
+}
 // ../shared/src/skills.ts
 var POWER_STRIKE = {
   id: "power-strike",
@@ -628,72 +971,6 @@ function spawnMonster(type, id, x, y, spawnIndex) {
     spawnIndex
   };
 }
-function makeFieldZone(id, seed = 1337) {
-  const terrain = makeStarterField(seed);
-  const spawns = [];
-  for (let i = 0;i < 8; i++) {
-    const x = 40 + i * 22;
-    const type = i % 3 === 2 ? "shooter" : "chaser";
-    spawns.push({ type, x, y: GROUND_TOP - BOX.h });
-  }
-  let mid = 2;
-  const monsters = spawns.map((s, i) => spawnMonster(s.type, mid++, s.x, s.y, i));
-  return {
-    id,
-    type: "field",
-    terrain,
-    monsters,
-    projectiles: [],
-    nextProjectileId: 1,
-    spawns,
-    respawns: [],
-    nextMonsterId: mid,
-    portals: [
-      {
-        x: 24,
-        y: GROUND_TOP - 7,
-        w: 4,
-        h: 7,
-        target: "town-01",
-        arrival: { x: 12, y: GROUND_TOP - BOX.h }
-      }
-    ]
-  };
-}
-function makeTownZone(id) {
-  return {
-    id,
-    type: "town",
-    terrain: makeTownTerrain(),
-    monsters: [],
-    projectiles: [],
-    nextProjectileId: 1,
-    spawns: [],
-    respawns: [],
-    nextMonsterId: 1,
-    portals: [
-      {
-        x: TOWN.w - 16,
-        y: GROUND_TOP - 7,
-        w: 4,
-        h: 7,
-        target: "field-01",
-        arrival: { x: SPAWN.x, y: SPAWN.y }
-      }
-    ],
-    npcs: [
-      {
-        id: 1,
-        kind: "vendor",
-        name: "Merchant",
-        x: 32,
-        y: GROUND_TOP - BOX.h,
-        w: 4,
-        h: BOX.h
-      }
-    ]
-  };
-}
 
 // ../shared/src/zone.ts
 function clientStepAvatar(t, avatar, ctl, dtMs) {
@@ -807,12 +1084,12 @@ function stepZone(state, intents, dtMs) {
         m = { ...m, attackT: SHOOTER.fireCooldown };
       }
     }
-    let killer = -1;
     for (let i = 0;i < avatars.length; i++) {
       const hb = hitboxes[i];
       if (hb && m.hurtT <= 0 && aabbOverlap(hb, entityBox(m))) {
-        m = { ...m, hp: m.hp - damages[i], hurtT: 0.6 };
-        killer = i;
+        const sid = avatars[i].sessionId;
+        const contributors = m.contributors?.includes(sid) ? m.contributors : [...m.contributors ?? [], sid];
+        m = { ...m, hp: m.hp - damages[i], hurtT: 0.6, contributors };
         break;
       }
     }
@@ -834,8 +1111,11 @@ function stepZone(state, intents, dtMs) {
     if (m.hp > 0) {
       monsters.push(m);
     } else {
-      const credited = killer >= 0 ? killer : 0;
-      avatars[credited] = grantKill(avatars[credited]);
+      for (const sid of m.contributors ?? []) {
+        const idx = avatars.findIndex((a) => a.sessionId === sid);
+        if (idx >= 0)
+          avatars[idx] = grantKill(avatars[idx]);
+      }
       if (m.spawnIndex !== undefined)
         respawns.push({
           spawnIndex: m.spawnIndex,
@@ -925,15 +1205,306 @@ function grantKill(sa) {
     log
   };
 }
+// ../../zones/catalogs.json
+var catalogs_default = {
+  monsters: [
+    {
+      id: "chaser",
+      behavior: "chaser",
+      name: "Slime"
+    },
+    {
+      id: "shooter",
+      behavior: "shooter",
+      name: "Sporeling"
+    }
+  ],
+  npcs: [
+    {
+      id: "merchant",
+      kind: "vendor",
+      name: "Merchant"
+    }
+  ]
+};
+
+// ../../zones/field-01.zone
+var field_01_default = `{
+  "id": "field-01",
+  "type": "field",
+  "spawns": {
+    "c": "chaser",
+    "s": "shooter"
+  },
+  "portals": {
+    "P": {
+      "target": "town-01",
+      "arrival": [
+        12,
+        32
+      ]
+    }
+  }
+}
+---
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+........................................................................................................................................s.......................
+................................................................................................................................................................
+............................................................................s...................................................................................
+................................................................................................................................................................
+................................................................................................................................................................
+..................................................................................................................................################..............
+.......................................................c........................................................................................................
+.....................................................................#################..........................................................................
+....P.............................................................................................................###########...................................
+................................................................................................................................................................
+..........................c.............c.............................................................................c.........c.....................c.........
+..................................................##############................................................................................................
+..................................................................................................###########...................................................
+................................................................................................................................................................
+................................................................................................................................................................
+################################################################################################################################################################
+################################################################################################################################################################
+################################################################################################################################################################
+`;
+
+// ../../zones/town-01.zone
+var town_01_default = `{
+  "id": "town-01",
+  "type": "town",
+  "npcs": {
+    "M": "merchant"
+  },
+  "portals": {
+    "P": {
+      "target": "field-01",
+      "arrival": [
+        10,
+        32
+      ]
+    }
+  }
+}
+---
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+.............................................................................................####...................................
+....................................................................................................................................
+....................................................................................................................................
+....................................................................................................................................
+............................................................................................#######.................................
+....................................................................................................................................
+................................###########.........................................................................................
+....................................................................................................................................
+..........................................................................................###########........................P......
+..............................###############.......................................................................................
+....................M...............................................................................................................
+..................................................###############........................................................#........#.
+............................###################.........................................#############.........############........#.
+........................................................................########.........................................#........#.
+.........................................................................................................................#........#.
+####################################################################################################################################
+####################################################################################################################################
+####################################################################################################################################
+`;
+
+// ../shared/src/zoneFormat.ts
+var PORTAL_BOX = { w: 4, h: 7 };
+var NPC_W = 4;
+
+class ZoneParseError extends Error {
+  code;
+  constructor(code, message) {
+    super(message);
+    this.code = code;
+    this.name = "ZoneParseError";
+  }
+}
+function resolveMonster(catalog, id) {
+  const e = catalog.find((m) => m.id === id);
+  if (!e)
+    throw new ZoneParseError("unknown-monster", `monster id '${id}' not in catalog`);
+  return e;
+}
+function resolveNpc(catalog, id) {
+  const e = catalog.find((n) => n.id === id);
+  if (!e)
+    throw new ZoneParseError("unknown-npc", `npc id '${id}' not in catalog`);
+  return e;
+}
+function parseZone(text, catalogs) {
+  const lines = text.split(`
+`);
+  const di = lines.findIndex((l) => l.trim() === "---");
+  if (di === -1)
+    throw new ZoneParseError("no-delimiter", "missing '---' delimiter between header and grid");
+  const header = parseHeader(lines.slice(0, di).join(`
+`));
+  const glyphs = buildGlyphMap(header);
+  const body = lines.slice(di + 1);
+  while (body.length > 0 && body[body.length - 1] === "")
+    body.pop();
+  const h = body.length;
+  const w = body.reduce((m, l) => Math.max(m, l.length), 0);
+  if (h === 0 || w === 0)
+    throw new ZoneParseError("empty-grid", "grid has no cells");
+  if (w > ZONE_MAX.w || h > ZONE_MAX.h)
+    throw new ZoneParseError("too-large", `grid ${w}\xD7${h} is too large (cap ${ZONE_MAX.w}\xD7${ZONE_MAX.h})`);
+  const cells = new Uint8Array(w * h);
+  const spawns = [];
+  const monsters = [];
+  const npcs = [];
+  const portals = [];
+  let nextMonsterId = 2;
+  let nextNpcId = 1;
+  for (let y = 0;y < h; y++) {
+    const line = body[y];
+    for (let x = 0;x < line.length; x++) {
+      const ch = line[x];
+      if (ch === "." || ch === " ")
+        continue;
+      if (ch === "#") {
+        cells[y * w + x] = 1;
+        continue;
+      }
+      const g = glyphs.get(ch);
+      if (!g)
+        throw new ZoneParseError("unknown-glyph", `glyph '${ch}' at (${x},${y}) is not declared in the header`);
+      if (g.kind === "spawn") {
+        const type = resolveMonster(catalogs.monsters, g.ref).behavior;
+        monsters.push(spawnMonster(type, nextMonsterId++, x, y, spawns.length));
+        spawns.push({ type, x, y });
+      } else if (g.kind === "npc") {
+        const entry = resolveNpc(catalogs.npcs, g.ref);
+        npcs.push({
+          id: nextNpcId++,
+          kind: entry.kind,
+          name: entry.name,
+          x,
+          y,
+          w: NPC_W,
+          h: BOX.h
+        });
+      } else {
+        portals.push({
+          x,
+          y,
+          w: PORTAL_BOX.w,
+          h: PORTAL_BOX.h,
+          target: g.ref.target,
+          arrival: { x: g.ref.arrival[0], y: g.ref.arrival[1] }
+        });
+      }
+    }
+  }
+  const zone = {
+    id: header.id,
+    type: header.type,
+    terrain: { w, h, cells },
+    monsters,
+    projectiles: [],
+    nextProjectileId: 1,
+    spawns,
+    respawns: [],
+    nextMonsterId,
+    portals
+  };
+  if (npcs.length > 0)
+    zone.npcs = npcs;
+  return zone;
+}
+function parseHeader(text) {
+  let header;
+  try {
+    header = JSON.parse(text);
+  } catch (e) {
+    throw new ZoneParseError("bad-json", `header is not valid JSON: ${e.message}`);
+  }
+  if (typeof header.id !== "string" || header.id.length === 0)
+    throw new ZoneParseError("bad-header", "header.id must be a non-empty string");
+  if (header.type !== "field" && header.type !== "town")
+    throw new ZoneParseError("bad-header", `header.type must be 'field' or 'town', got '${header.type}'`);
+  return header;
+}
+function buildGlyphMap(header) {
+  const map = new Map;
+  const add = (ch, g) => {
+    if (ch.length !== 1)
+      throw new ZoneParseError("bad-header", `glyph key '${ch}' must be one character`);
+    if (ch === "#" || ch === "." || ch === " ")
+      throw new ZoneParseError("bad-header", `'${ch}' is reserved and cannot be a glyph key`);
+    if (map.has(ch))
+      throw new ZoneParseError("bad-header", `glyph '${ch}' is declared more than once`);
+    map.set(ch, g);
+  };
+  for (const [ch, ref] of Object.entries(header.spawns ?? {}))
+    add(ch, { kind: "spawn", ref });
+  for (const [ch, ref] of Object.entries(header.npcs ?? {}))
+    add(ch, { kind: "npc", ref });
+  for (const [ch, ref] of Object.entries(header.portals ?? {}))
+    add(ch, { kind: "portal", ref });
+  return map;
+}
+
+// ../shared/src/zoneContent.ts
+var CATALOGS = catalogs_default;
+function loadZones() {
+  return [parseZone(town_01_default, CATALOGS), parseZone(field_01_default, CATALOGS)];
+}
+
 // ../shared/src/sim.ts
+function createGameFromZones(zones, startId, seed = 1) {
+  const rec = {};
+  for (const z of zones)
+    rec[z.id] = z;
+  const start = rec[startId] ?? zones[0];
+  const player2 = spawnPlayerState(start.id, SPAWN.x, SPAWN.y, seed);
+  return { player: player2, world: { zones: rec, tick: 0 } };
+}
 function createGame(seed = 1) {
-  const field = makeFieldZone("field-01");
-  const town = makeTownZone("town-01");
-  const player = spawnPlayerState(field.id, SPAWN.x, SPAWN.y, seed);
-  return {
-    player,
-    world: { zones: { [field.id]: field, [town.id]: town }, tick: 0 }
-  };
+  const loaded = loadZones();
+  return createGameFromZones(loaded, loaded[0].id, seed);
 }
 function step(game, input, dtMs) {
   const dt = Math.min(dtMs / 1000, PHYS.maxDt);
@@ -953,13 +1524,13 @@ function step(game, input, dtMs) {
       };
       const dest = game.world.zones[portal.target];
       const log = [...game.player.log.slice(-5), `Entered the ${dest.type}.`];
-      const player2 = {
+      const player3 = {
         ...game.player,
         avatar,
         zoneId: portal.target,
         log
       };
-      return { player: player2, world: { ...game.world, tick: game.world.tick + 1 } };
+      return { player: player3, world: { ...game.world, tick: game.world.tick + 1 } };
     }
   }
   const predicted = stepEntity(t, game.player.avatar, { moveX: input.moveX, jump: input.jump }, dt).e;
@@ -988,7 +1559,7 @@ function step(game, input, dtMs) {
   };
   const next = stepZone({ zone, avatars: [sa], tick: game.world.tick }, [intent], dtMs);
   const out = next.avatars[0];
-  const player = {
+  const player2 = {
     avatar: out.avatar,
     progress: out.progress,
     inventory: out.inventory,
@@ -1003,7 +1574,7 @@ function step(game, input, dtMs) {
     zones: { ...game.world.zones, [zone.id]: next.zone },
     tick: next.tick
   };
-  return { player, world };
+  return { player: player2, world };
 }
 // ../shared/src/vendor.ts
 var RARITY_VALUE = {
@@ -1032,6 +1603,30 @@ import { createCliRenderer } from "@opentui/core";
 
 // ../client/src/chat.ts
 var MAX_LEN = CHAT_MAX_LEN;
+var WHISPER_USAGE = "Usage: /w <handle> <message>";
+var EMOTE_USAGE = `Usage: /em <${EMOTES.map((e) => e.id).join("|")}>`;
+function parseChatCommand(line) {
+  const trimmed = line.trim();
+  const em = /^\/(?:em|emote)\b\s*(.*)$/s.exec(trimmed);
+  if (em) {
+    const name = em[1].trim().split(/\s+/)[0] ?? "";
+    if (!name || !emoteById(name))
+      return { kind: "error", message: EMOTE_USAGE };
+    return { kind: "emote", emote: name };
+  }
+  const m = /^\/(?:w|whisper)\b\s*(.*)$/s.exec(trimmed);
+  if (!m)
+    return { kind: "say", text: trimmed };
+  const rest = m[1].trimStart();
+  const sp = rest.search(/\s/);
+  if (sp < 0)
+    return { kind: "error", message: WHISPER_USAGE };
+  const to = rest.slice(0, sp);
+  const text = rest.slice(sp + 1).trim();
+  if (!to || !text)
+    return { kind: "error", message: WHISPER_USAGE };
+  return { kind: "whisper", to, text };
+}
 
 class ChatInput {
   open = false;
@@ -1077,7 +1672,7 @@ import {
 
 // ../client/src/theme.ts
 import { RGBA } from "@opentui/core";
-var COLORS = {
+var COLORS5 = {
   bg: RGBA.fromInts(16, 18, 26, 255),
   terrainFg: RGBA.fromInts(70, 82, 104, 255),
   terrainBg: RGBA.fromInts(34, 40, 54, 255),
@@ -1094,24 +1689,25 @@ var COLORS = {
   chat: RGBA.fromInts(120, 200, 235, 255),
   bubbleFg: RGBA.fromInts(236, 236, 242, 255),
   bubbleBorder: RGBA.fromInts(120, 200, 235, 255),
-  bubbleBg: RGBA.fromInts(20, 24, 34, 255)
+  bubbleBg: RGBA.fromInts(20, 24, 34, 255),
+  emote: RGBA.fromInts(255, 220, 110, 255)
 };
 
 // ../client/src/hud.ts
-var HINT = "move \u2190/\u2192 a/d  jump \u2423/\u2191  attack j/x  skill k  interact e  chat \u23CE  quit q";
+var HINT = "move \u2190/\u2192 a/d  jump \u2423/\u2191  attack j/x  skill k  interact e  chat \u23CE (/w whisper, /em emote)  quit q";
 var Z = 10;
 var CHAT_LINES = 4;
-function skillReadout(player2) {
+function skillReadout(player3) {
   const segs = [];
   for (let slot = 1;; slot++) {
-    const skill = skillForSlot(player2.class ?? "warrior", slot);
+    const skill = skillForSlot(player3.class ?? "warrior", slot);
     if (!skill)
       break;
     let state;
-    if (!skillUnlocked(skill, player2.progress.level))
+    if (!skillUnlocked(skill, player3.progress.level))
       state = `L${skill.unlockLevel}`;
     else {
-      const cd = player2.skillCooldowns?.[skill.id] ?? 0;
+      const cd = player3.skillCooldowns?.[skill.id] ?? 0;
       state = cd > 0 ? `${cd.toFixed(1)}s` : "ready";
     }
     segs.push(`k ${skill.name}: ${state}`);
@@ -1138,24 +1734,24 @@ class Hud {
       height: 1,
       flexDirection: "row",
       justifyContent: "space-between",
-      backgroundColor: COLORS.hudBg,
+      backgroundColor: COLORS5.hudBg,
       shouldFill: true,
       zIndex: Z
     });
     this.stats = new TextRenderable(ctx, {
       content: "",
-      fg: COLORS.hud,
-      bg: COLORS.hudBg
+      fg: COLORS5.hud,
+      bg: COLORS5.hudBg
     });
     this.alpha = new TextRenderable(ctx, {
       content: "",
-      fg: COLORS.vendor,
-      bg: COLORS.hudBg
+      fg: COLORS5.vendor,
+      bg: COLORS5.hudBg
     });
     this.meta = new TextRenderable(ctx, {
       content: "",
-      fg: COLORS.dim,
-      bg: COLORS.hudBg
+      fg: COLORS5.dim,
+      bg: COLORS5.hudBg
     });
     this.topBar.add(this.stats);
     this.topBar.add(this.alpha);
@@ -1167,29 +1763,29 @@ class Hud {
       flexDirection: "column",
       zIndex: Z
     });
-    this.bottom.add(new TextRenderable(ctx, { content: HINT, fg: COLORS.dim, bg: COLORS.bg }));
+    this.bottom.add(new TextRenderable(ctx, { content: HINT, fg: COLORS5.dim, bg: COLORS5.bg }));
     this.skills = new TextRenderable(ctx, {
       content: "",
-      fg: COLORS.melee,
-      bg: COLORS.bg
+      fg: COLORS5.melee,
+      bg: COLORS5.bg
     });
     this.bottom.add(this.skills);
     this.log = new TextRenderable(ctx, {
       content: "",
-      fg: COLORS.dim,
-      bg: COLORS.bg
+      fg: COLORS5.dim,
+      bg: COLORS5.bg
     });
     this.bottom.add(this.log);
     this.chat = new TextRenderable(ctx, {
       content: "",
-      fg: COLORS.chat,
-      bg: COLORS.bg
+      fg: COLORS5.chat,
+      bg: COLORS5.bg
     });
     this.bottom.add(this.chat);
     this.chatInput = new TextRenderable(ctx, {
       content: "",
-      fg: COLORS.melee,
-      bg: COLORS.bg
+      fg: COLORS5.melee,
+      bg: COLORS5.bg
     });
     this.bottom.add(this.chatInput);
   }
@@ -1201,14 +1797,14 @@ class Hud {
     this.alpha.content = " \u26A0 ALPHA \xB7 progress resets when the server restarts ";
   }
   update(game, fps) {
-    const { player: player2 } = game;
-    const p = player2.avatar;
-    const zone2 = activeZone(game.world, player2.zoneId);
+    const { player: player3 } = game;
+    const p = player3.avatar;
+    const zone2 = activeZone(game.world, player3.zoneId);
     const hpPct = Math.max(0, Math.round(p.hp / p.maxHp * 100));
-    this.stats.content = ` L${player2.progress.level}  HP ${Math.max(0, Math.round(p.hp))}/${p.maxHp} (${hpPct}%)  XP ${player2.progress.xp}  Gold ${player2.progress.gold}  Items ${player2.inventory.length} `;
+    this.stats.content = ` L${player3.progress.level}  HP ${Math.max(0, Math.round(p.hp))}/${p.maxHp} (${hpPct}%)  XP ${player3.progress.xp}  Gold ${player3.progress.gold}  Items ${player3.inventory.length} `;
     this.meta.content = `FPS ${fps}  monsters ${zone2.monsters.length} `;
-    this.skills.content = skillReadout(player2);
-    this.log.content = player2.log.slice(-3).join(`
+    this.skills.content = skillReadout(player3);
+    this.log.content = player3.log.slice(-3).join(`
 `);
   }
   updateChat(lines, open, draft) {
@@ -1386,6 +1982,7 @@ class NetClient {
   latest = null;
   chatLog = [];
   bubbles = new Map;
+  emotes = new Map;
   rejected = null;
   constructor(url, handle, onReject = () => {}) {
     this.onReject = onReject;
@@ -1414,15 +2011,27 @@ class NetClient {
       return;
     }
     if (msg.t === "chat") {
-      this.chatLog.push(`${msg.handle}: ${msg.text}`);
-      if (this.chatLog.length > MAX_CHAT_LOG)
-        this.chatLog.splice(0, this.chatLog.length - MAX_CHAT_LOG);
+      this.pushChat(`${msg.handle}: ${msg.text}`);
       this.bubbles.set(msg.sessionId, {
         text: msg.text,
         ttl: bubbleTtl(msg.text.length)
       });
       return;
     }
+    if (msg.t === "whisper") {
+      const line = msg.fromSessionId === this.sessionId ? `[you \u2192 ${msg.to}] ${msg.text}` : `[${msg.from} \u2192 you] ${msg.text}`;
+      this.pushChat(line);
+      return;
+    }
+    if (msg.t === "notice") {
+      this.notice(msg.text);
+      return;
+    }
+    if (msg.t === "emote") {
+      if (emoteById(msg.emote))
+        this.emotes.set(msg.sessionId, { id: msg.emote, ttl: EMOTE_TTL });
+      return;
+    }
     if (msg.zoneId !== this.zoneId) {
       this.zoneId = msg.zoneId;
       this.buffer = new SnapshotBuffer;
@@ -1433,6 +2042,14 @@ class NetClient {
   sample(nowMs) {
     return this.buffer.sample(nowMs - INTERP_DELAY_MS);
   }
+  pushChat(line) {
+    this.chatLog.push(line);
+    if (this.chatLog.length > MAX_CHAT_LOG)
+      this.chatLog.splice(0, this.chatLog.length - MAX_CHAT_LOG);
+  }
+  notice(text) {
+    this.pushChat(`* ${text}`);
+  }
   decayBubbles(dtSec) {
     for (const [id, b] of this.bubbles) {
       b.ttl -= dtSec;
@@ -1440,6 +2057,13 @@ class NetClient {
         this.bubbles.delete(id);
     }
   }
+  decayEmotes(dtSec) {
+    for (const [id, e] of this.emotes) {
+      e.ttl -= dtSec;
+      if (e.ttl <= 0)
+        this.emotes.delete(id);
+    }
+  }
   send(msg) {
     if (this.ready && this.ws.readyState === WebSocket.OPEN)
       this.ws.send(encodeClientMessage(msg));
@@ -1488,7 +2112,7 @@ function monsterEntity(m) {
     attackT: 0
   };
 }
-function snapshotToGame(field, predicted, ownSessionId, snapshot, localSkillCooldowns, bubbles = new Map) {
+function snapshotToGame(field, predicted, ownSessionId, snapshot, localSkillCooldowns, bubbles = new Map, emotes = new Map) {
   const monsters = snapshot ? snapshot.monsters.map(monsterEntity) : [];
   const projectiles = snapshot ? snapshot.projectiles : [];
   const others = snapshot ? snapshot.avatars.filter((a) => a.sessionId !== ownSessionId).map((a) => {
@@ -1496,15 +2120,23 @@ function snapshotToGame(field, predicted, ownSessionId, snapshot, localSkillCool
     const bubble = bubbles.get(a.sessionId)?.text;
     if (bubble)
       e.bubble = bubble;
+    const emote2 = emotes.get(a.sessionId)?.id;
+    if (emote2)
+      e.emote = emote2;
     return e;
   }) : [];
   const ownBubble = bubbles.get(ownSessionId)?.text;
-  const avatar = ownBubble ? { ...predicted, bubble: ownBubble } : predicted;
+  const ownEmote = emotes.get(ownSessionId)?.id;
+  let avatar = predicted;
+  if (ownBubble)
+    avatar = { ...avatar, bubble: ownBubble };
+  if (ownEmote)
+    avatar = { ...avatar, emote: ownEmote };
   const progress = snapshot?.progress ?? { level: 1, xp: 0, gold: 0 };
   const inventory = snapshot?.inventory ?? [];
   const log = snapshot?.log ?? ["Connecting\u2026"];
   const zone2 = { ...field, monsters, projectiles };
-  const player2 = {
+  const player3 = {
     avatar,
     progress,
     inventory,
@@ -1516,7 +2148,7 @@ function snapshotToGame(field, predicted, ownSessionId, snapshot, localSkillCool
     skillCooldowns: localSkillCooldowns
   };
   return {
-    player: player2,
+    player: player3,
     world: { zones: { [field.id]: zone2 }, tick: snapshot?.tick ?? 0 },
     others
   };
@@ -1524,7 +2156,8 @@ function snapshotToGame(field, predicted, ownSessionId, snapshot, localSkillCool
 
 // ../client/src/playfield.ts
 import {
-  Renderable
+  Renderable,
+  RGBA as RGBA2
 } from "@opentui/core";
 
 // ../client/src/camera.ts
@@ -1568,232 +2201,37 @@ function stepCamera(state, zoneId, avatarX, avatarY, view) {
   return { cam, center: { x: cx, y: cy }, zoneId };
 }
 
-// ../client/src/sprites/sprite.ts
-var SENTINEL = "\xB7";
-var MIRROR = {
-  "(": ")",
-  ")": "(",
-  "[": "]",
-  "]": "[",
-  "{": "}",
-  "}": "{",
-  "<": ">",
-  ">": "<",
-  "/": "\\",
-  "\\": "/",
-  "`": "'",
-  "'": "`",
-  "\u258C": "\u2590",
-  "\u2590": "\u258C",
-  "\u2598": "\u259D",
-  "\u259D": "\u2598",
-  "\u2596": "\u2597",
-  "\u2597": "\u2596",
-  "\u259B": "\u259C",
-  "\u259C": "\u259B",
-  "\u2599": "\u259F",
-  "\u259F": "\u2599",
-  "\u259A": "\u259E",
-  "\u259E": "\u259A"
-};
-function splitTrimPad(art) {
-  const lines = art.split(`
-`);
-  while (lines.length > 0 && lines[0].trim() === "")
-    lines.shift();
-  while (lines.length > 0 && lines[lines.length - 1].trim() === "")
-    lines.pop();
-  const width = lines.reduce((w, l) => Math.max(w, l.length), 0);
-  return lines.map((l) => l.padEnd(width, " "));
-}
-function mirrorGlyphs(rows) {
-  return rows.map((row) => {
-    let out = "";
-    for (let i = row.length - 1;i >= 0; i--)
-      out += MIRROR[row[i]] ?? row[i];
-    return out;
-  });
-}
-function reverseRows(rows) {
-  return rows.map((row) => {
-    let out = "";
-    for (let i = row.length - 1;i >= 0; i--)
-      out += row[i];
-    return out;
-  });
-}
-
-class Sprite {
-  w;
-  h;
-  glyphRight;
-  glyphLeft;
-  colorRight;
-  colorLeft;
-  constructor(glyph, opts) {
-    const { defaultKey } = opts;
-    if (defaultKey.length !== 1)
-      throw new Error(`Sprite defaultKey must be a single char, got "${defaultKey}"`);
-    const glyphRows = splitTrimPad(glyph).map((r) => r.replaceAll(SENTINEL, " "));
-    this.h = glyphRows.length;
-    this.w = glyphRows.length > 0 ? glyphRows[0].length : 0;
-    let colorRows;
-    if (opts.colors === undefined) {
-      colorRows = glyphRows.map((r) => defaultKey.repeat(r.length));
-    } else {
-      const parsed = splitTrimPad(opts.colors);
-      const cw = parsed.length > 0 ? parsed[0].length : 0;
-      if (parsed.length !== this.h || cw !== this.w)
-        throw new Error(`Sprite colour grid (${cw}x${parsed.length}) must match glyph grid (${this.w}x${this.h})`);
-      colorRows = parsed.map((r) => Array.from(r, (c) => c === SENTINEL || c === " " ? defaultKey : c).join(""));
-    }
-    this.glyphRight = glyphRows;
-    this.glyphLeft = mirrorGlyphs(glyphRows);
-    this.colorRight = colorRows;
-    this.colorLeft = reverseRows(colorRows);
-  }
-  rows(facing = 1) {
-    return facing === 1 ? this.glyphRight : this.glyphLeft;
-  }
-  colorKeys(facing = 1) {
-    return facing === 1 ? this.colorRight : this.colorLeft;
-  }
-}
-
-// ../client/src/sprites/chaser.ts
-var GLYPH = `
-\u259A\xB7\u259F\u2599\xB7\u259E\xB7
-\u259F\u2588\u2588\u2588\u2588\u2599\xB7
-\u259E\u259B\u259B\u259B\u259B\u258C\xB7
-\u2590\u259F\u259F\u259F\u259F\u2596\xB7
-\u259E\xB7\xB7\xB7\xB7\u259A\xB7`;
-var COLORS2 = `
-\xB7\xB7\xB7\xB7\xB7\xB7\xB7
-\xB7g\xB7\xB7g\xB7\xB7
-\xB7\xB7\xB7\xB7\xB7\xB7\xB7
-\xB7\xB7\xB7\xB7\xB7\xB7\xB7
-\xB7\xB7\xB7\xB7\xB7\xB7\xB7`;
-var chaser = new Sprite(GLYPH, { defaultKey: "m", colors: COLORS2 });
-
-// ../client/src/sprites/merchant.ts
-var GLYPH2 = `
-\xB7\xB7\u259F\u2599\xB7\xB7
-\xB7\u259F\u2588\u2588\u2599\xB7
-\u259F\u259B\u2588\u2588\u259C\u2599
-\u2588\u2588\u2588\u2588\u2588\u2588
-\u259D\u2588\u2588\u2588\u2588\u2598`;
-var COLORS3 = `
-\xB7\xB7oo\xB7\xB7
-\xB7oooo\xB7
-oooooo
-cccccc
-\xB7oooo\xB7`;
-var merchant = new Sprite(GLYPH2, { defaultKey: "o", colors: COLORS3 });
-
-// ../client/src/sprites/player.ts
-var GLYPH3 = `
-\xB7\u2590\u259B\u2588\u2588\u2588\u259C\u258C\xB7
-\u259D\u259C\u2588\u2588\u2588\u2588\u2588\u259B\u2598
-\xB7\xB7\u2598\u2598\xB7\u259D\u259D\xB7\xB7`;
-var COLORS4 = `
-\xB7ppppppp\xB7
-ppppppppp
-\xB7\xB7pp\xB7pp\xB7\xB7`;
-var player2 = new Sprite(GLYPH3, { defaultKey: "p", colors: COLORS4 });
-
-// ../client/src/sprites/shooter.ts
-var GLYPH4 = `
-\xB7\u2597\u2584\u2584\u2584\u2596\xB7
-\u259F\u2588\u2588\u2588\u2588\u2588\u2599
-\u2588\u2588\u259F\u2588\u2599\u2588\u2588
-\u259C\u2588\u2588\u2588\u2588\u2588\u259B
-\xB7\u259D\u2580\u2580\u2580\u2598\xB7`;
-var COLORS5 = `
-\xB7ooooo\xB7
-oogggoo
-oggkggo
-oogggoo
-\xB7ooooo\xB7`;
-var shooter = new Sprite(GLYPH4, { defaultKey: "o", colors: COLORS5 });
-
-// ../client/src/sprites/palette.ts
-import { RGBA as RGBA2 } from "@opentui/core";
-var PALETTE = {
-  p: RGBA2.fromInts(255, 150, 40, 255),
-  m: RGBA2.fromInts(220, 90, 90, 255),
-  g: RGBA2.fromInts(170, 240, 95, 255),
-  s: RGBA2.fromInts(186, 196, 210, 255),
-  w: RGBA2.fromInts(150, 96, 52, 255),
-  y: RGBA2.fromInts(242, 210, 92, 255),
-  e: RGBA2.fromInts(236, 190, 150, 255),
-  f: RGBA2.fromInts(110, 200, 110, 255),
-  c: RGBA2.fromInts(132, 222, 230, 255),
-  o: RGBA2.fromInts(232, 230, 216, 255),
-  k: RGBA2.fromInts(64, 66, 82, 255)
-};
-
-// ../client/src/sprites/index.ts
-var REGISTRY = {
-  player: player2,
-  chaser,
-  shooter
-};
-function spriteFor(type) {
-  return REGISTRY[type];
-}
-var NPC_REGISTRY = {
-  vendor: merchant
-};
-function spriteForNpc(kind) {
-  return NPC_REGISTRY[kind];
-}
-
 // ../client/src/playfield.ts
-function blitSprite(buf, sprite, sx, sy, facing, sw, sh, hurt) {
-  const glyphs = sprite.rows(facing);
-  const keys = sprite.colorKeys(facing);
-  for (let ry = 0;ry < sprite.h; ry++) {
-    const py = sy + ry;
-    if (py < 0 || py >= sh)
-      continue;
-    const row = glyphs[ry];
-    const krow = keys[ry];
-    for (let rx = 0;rx < sprite.w; rx++) {
-      const ch = row[rx];
-      if (ch === " ")
-        continue;
-      const px = sx + rx;
-      if (px < 0 || px >= sw)
-        continue;
-      const fg = hurt ? COLORS.hurt : PALETTE[krow[rx]] ?? COLORS.hud;
-      buf.setCellWithAlphaBlending(px, py, ch, fg, COLORS.transparent);
+var STYLE = buildSceneStyle((r, g, b, a) => RGBA2.fromInts(r, g, b, a));
+function textContent(lines, fg) {
+  return {
+    w: Math.max(1, ...lines.map((l) => l.length)),
+    h: lines.length,
+    cell(x, y) {
+      const ch = lines[y]?.[x];
+      return ch && ch !== " " ? { ch, fg } : null;
     }
-  }
-}
-function drawSprite(buf, e, cam, sw, sh) {
-  const sprite = spriteFor(e.type);
-  const sx = Math.round(e.x - Math.floor((sprite.w - BOX.w) / 2) - cam.x);
-  const sy = Math.round(e.y + BOX.h - sprite.h - cam.y);
-  blitSprite(buf, sprite, sx, sy, e.facing, sw, sh, e.hurtT > 0.3);
+  };
 }
-function drawNameplate(buf, e, cam, sw, sh) {
-  if (!e.name)
-    return;
-  const sprite = spriteFor(e.type);
-  const top = Math.round(e.y + BOX.h - sprite.h - cam.y);
-  const cx = e.x + BOX.w / 2 - cam.x;
-  const x = Math.round(cx - e.name.length / 2);
-  drawText(buf, x, top - 1, e.name, COLORS.dim, sw, sh);
+function spriteContent(sprite, palette, paletteDefault) {
+  const rows = sprite.rows(1);
+  const keys = sprite.colorKeys(1);
+  return {
+    w: sprite.w,
+    h: sprite.h,
+    cell(x, y) {
+      const ch = rows[y]?.[x];
+      if (!ch || ch === " ")
+        return null;
+      return { ch, fg: palette[keys[y]?.[x]] ?? paletteDefault };
+    }
+  };
 }
-function drawSpeechBubble(buf, e, cam, sw, sh) {
-  if (!e.bubble)
-    return;
+function drawOverheadBox(buf, e, cam, sw, sh, content, border) {
   const sprite = spriteFor(e.type);
   const top = Math.round(e.y + BOX.h - sprite.h - cam.y);
-  const lines = layoutBubble(e.bubble);
-  const innerW = Math.max(...lines.map((l) => l.length));
-  const boxW = innerW + 2;
-  const boxH = lines.length + 2;
+  const boxW = content.w + 2;
+  const boxH = content.h + 2;
   const cx = e.x + BOX.w / 2 - cam.x;
   const tailY = top - 2;
   const tailX = Math.round(cx);
@@ -1811,9 +2249,8 @@ function drawSpeechBubble(buf, e, cam, sw, sh) {
         continue;
       const lastCol = rx === boxW - 1;
       let ch = " ";
-      let fg = COLORS.bubbleFg;
+      let fg = border;
       if (ry === 0 || lastRow || rx === 0 || lastCol) {
-        fg = COLORS.bubbleBorder;
         if (ry === 0)
           ch = rx === 0 ? "\u256D" : lastCol ? "\u256E" : "\u2500";
         else if (lastRow)
@@ -1821,22 +2258,41 @@ function drawSpeechBubble(buf, e, cam, sw, sh) {
         else
           ch = "\u2502";
       } else {
-        ch = lines[ry - 1]?.[rx - 1] ?? " ";
+        const c = content.cell(rx - 1, ry - 1);
+        if (c) {
+          ch = c.ch;
+          fg = c.fg;
+        }
       }
-      buf.setCell(px, py, ch, fg, COLORS.bubbleBg);
+      buf.setCell(px, py, ch, fg, COLORS5.bubbleBg);
     }
   }
   if (tailY >= 0 && tailY < sh && tailX >= 0 && tailX < sw)
-    buf.setCell(tailX, tailY, "\u25BC", COLORS.bubbleBorder, COLORS.bubbleBg);
+    buf.setCell(tailX, tailY, "\u25BC", border, COLORS5.bubbleBg);
+}
+function drawSpeechBubble(buf, e, cam, sw, sh) {
+  if (!e.bubble)
+    return;
+  const content = textContent(layoutBubble(e.bubble), COLORS5.bubbleFg);
+  drawOverheadBox(buf, e, cam, sw, sh, content, COLORS5.bubbleBorder);
+}
+function drawEmote(buf, e, cam, sw, sh) {
+  if (!e.emote)
+    return;
+  const def = emoteById(e.emote);
+  if (!def)
+    return;
+  const content = spriteContent(def.sprite, STYLE.palette, STYLE.paletteDefault);
+  drawOverheadBox(buf, e, cam, sw, sh, content, COLORS5.emote);
 }
-function drawText(buf, x, y, text, fg, sw, sh) {
+function drawText2(buf, x, y, text, fg, sw, sh) {
   if (y < 0 || y >= sh)
     return;
   for (let i = 0;i < text.length; i++) {
     const px = x + i;
     if (px < 0 || px >= sw)
       continue;
-    buf.setCellWithAlphaBlending(px, y, text[i], fg, COLORS.transparent);
+    buf.setCellWithAlphaBlending(px, y, text[i], fg, COLORS5.transparent);
   }
 }
 function drawPlayfield(buf, game, cam) {
@@ -1845,50 +2301,28 @@ function drawPlayfield(buf, game, cam) {
   const sw = buf.width;
   const sh = buf.height;
   const p = player3.avatar;
-  const ww = zone2.terrain.w;
-  const wh = zone2.terrain.h;
   const camX = Math.round(cam.x);
   const camY = Math.round(cam.y);
-  buf.clear(COLORS.bg);
-  for (let sy = 0;sy < sh; sy++) {
-    const wy = sy + camY;
-    for (let sx = 0;sx < sw; sx++) {
-      const wx = sx + camX;
-      if (isSolid(zone2.terrain, wx, wy) && wx >= 0 && wx < ww && wy >= 0 && wy < wh)
-        buf.setCell(sx, sy, "\u2588", COLORS.terrainFg, COLORS.terrainBg);
-    }
-  }
+  const others = game.others ?? [];
+  const npcs = zone2.npcs ?? [];
+  renderZoneScene(buf, {
+    terrain: zone2.terrain,
+    portals: zone2.portals,
+    npcs,
+    entities: [...zone2.monsters, ...others]
+  }, cam, STYLE);
   const onPortal = zone2.portals.find((pr) => aabbOverlap(entityBox(p), pr));
-  for (const pr of zone2.portals) {
-    for (let yy = 0;yy < pr.h; yy++) {
-      for (let xx = 0;xx < pr.w; xx++) {
-        const px = pr.x + xx - camX;
-        const py = pr.y + yy - camY;
-        if (px >= 0 && px < sw && py >= 0 && py < sh)
-          buf.setCellWithAlphaBlending(px, py, "\u2592", COLORS.portal, COLORS.transparent);
-      }
-    }
-  }
   if (onPortal) {
     const dest = game.world.zones[onPortal.target]?.type ?? "zone";
     const label = `\u21B5 e  enter the ${dest.charAt(0).toUpperCase()}${dest.slice(1)}`;
-    drawText(buf, Math.round(onPortal.x) - camX, Math.round(onPortal.y) - camY - 1, label, COLORS.portal, sw, sh);
+    drawText2(buf, Math.round(onPortal.x) - camX, Math.round(onPortal.y) - camY - 1, label, COLORS5.portal, sw, sh);
   }
-  const npcs = zone2.npcs ?? [];
   const onNpc = npcs.find((n) => aabbOverlap(entityBox(p), n));
-  for (const n of npcs) {
-    const sprite = spriteForNpc(n.kind);
-    const sx = Math.round(n.x + Math.floor((n.w - sprite.w) / 2)) - camX;
-    const sy = Math.round(n.y + n.h - sprite.h) - camY;
-    blitSprite(buf, sprite, sx, sy, 1, sw, sh, false);
-    if (n === onNpc)
-      drawText(buf, sx, sy - 1, `\u21B5 e  talk to ${n.name}`, COLORS.vendor, sw, sh);
-  }
-  const others = game.others ?? [];
-  const sprites = [...zone2.monsters, ...others].sort((a, b) => a.y - b.y);
-  for (const e of sprites) {
-    drawSprite(buf, e, cam, sw, sh);
-    drawNameplate(buf, e, cam, sw, sh);
+  if (onNpc) {
+    const sprite = spriteForNpc(onNpc.kind);
+    const sx = Math.round(onNpc.x + Math.floor((onNpc.w - sprite.w) / 2)) - camX;
+    const sy = Math.round(onNpc.y + onNpc.h - sprite.h) - camY;
+    drawText2(buf, sx, sy - 1, `\u21B5 e  talk to ${onNpc.name}`, COLORS5.vendor, sw, sh);
   }
   if (p.attackT > COMBAT.attackCooldown - 0.12) {
     const hb = meleeHitbox(p);
@@ -1897,7 +2331,7 @@ function drawPlayfield(buf, game, cam) {
         const px = Math.round(hb.x + xx - cam.x);
         const py = Math.round(hb.y + yy - cam.y);
         if (px >= 0 && px < sw && py >= 0 && py < sh)
-          buf.setCellWithAlphaBlending(px, py, p.facing === 1 ? "/" : "\\", COLORS.melee, COLORS.transparent);
+          buf.setCellWithAlphaBlending(px, py, p.facing === 1 ? "/" : "\\", COLORS5.melee, COLORS5.transparent);
       }
     }
   }
@@ -1914,21 +2348,24 @@ function drawPlayfield(buf, game, cam) {
         const px = Math.round(hb.x + xx - cam.x);
         const py = Math.round(hb.y + yy - cam.y);
         if (px >= 0 && px < sw && py >= 0 && py < sh)
-          buf.setCellWithAlphaBlending(px, py, "\u2726", COLORS.melee, COLORS.transparent);
+          buf.setCellWithAlphaBlending(px, py, "\u2726", COLORS5.melee, COLORS5.transparent);
       }
     }
   }
-  drawSprite(buf, p, cam, sw, sh);
+  drawEntitySprite(buf, p, cam, STYLE);
   for (const e of others)
     drawSpeechBubble(buf, e, cam, sw, sh);
   drawSpeechBubble(buf, p, cam, sw, sh);
+  for (const e of others)
+    drawEmote(buf, e, cam, sw, sh);
+  drawEmote(buf, p, cam, sw, sh);
   for (const pr of zone2.projectiles) {
     const px = Math.round(pr.x - cam.x);
     const py = Math.round(pr.y - cam.y);
     if (px < 0 || px >= sw || py < 0 || py >= sh)
       continue;
     const ch = pr.vx < 0 ? "\u25C4" : pr.vx > 0 ? "\u25BA" : "\u25CF";
-    buf.setCellWithAlphaBlending(px, py, ch, COLORS.projectile, COLORS.transparent);
+    buf.setCellWithAlphaBlending(px, py, ch, COLORS5.projectile, COLORS5.transparent);
   }
 }
 
@@ -1984,25 +2421,25 @@ class Shop {
       padding: 1,
       border: true,
       borderStyle: "single",
-      borderColor: COLORS.vendor,
+      borderColor: COLORS5.vendor,
       title: " Merchant \u2014 sell loot ",
-      titleColor: COLORS.vendor,
-      backgroundColor: COLORS.hudBg
+      titleColor: COLORS5.vendor,
+      backgroundColor: COLORS5.hudBg
     });
     this.gold = new TextRenderable2(ctx, {
       content: "",
-      fg: COLORS.vendor,
-      bg: COLORS.hudBg
+      fg: COLORS5.vendor,
+      bg: COLORS5.hudBg
     });
     this.list = new TextRenderable2(ctx, {
       content: "",
-      fg: COLORS.hud,
-      bg: COLORS.hudBg
+      fg: COLORS5.hud,
+      bg: COLORS5.hudBg
     });
     const footer = new TextRenderable2(ctx, {
       content: "\u2191/\u2193 select   \u21B5 sell   e/esc close",
-      fg: COLORS.dim,
-      bg: COLORS.hudBg
+      fg: COLORS5.dim,
+      bg: COLORS5.hudBg
     });
     panel.add(this.gold);
     panel.add(this.list);
@@ -2097,11 +2534,6 @@ function fpsMeter() {
     return fps;
   };
 }
-if (OFFLINE)
-  runOffline();
-else
-  runNetworked(SERVER);
-renderer.start();
 function runOffline() {
   let game = createGame();
   const shop = new Shop(renderer);
@@ -2169,8 +2601,9 @@ function runOffline() {
       shop.update(game.player);
   });
 }
+var LOCAL_ZONES = new Map(loadZones().map((z) => [z.id, z]));
 function localZone(id) {
-  return id === "town-01" ? makeTownZone(id) : makeFieldZone(id || "field-01");
+  return LOCAL_ZONES.get(id) ?? LOCAL_ZONES.get("field-01") ?? loadZones()[0];
 }
 function runNetworked(url) {
   const handle = process.env.USER || "wanderer";
@@ -2188,8 +2621,17 @@ function runNetworked(url) {
   renderer.keyInput.on("keypress", (k) => {
     if (chat.open) {
       const r = chat.key(k);
-      if (r.action === "send")
-        net.send({ t: "chat", text: r.text });
+      if (r.action === "send") {
+        const cmd = parseChatCommand(r.text);
+        if (cmd.kind === "say")
+          net.send({ t: "chat", text: cmd.text });
+        else if (cmd.kind === "whisper")
+          net.send({ t: "whisper", to: cmd.to, text: cmd.text });
+        else if (cmd.kind === "emote")
+          net.send({ t: "emote", emote: cmd.emote });
+        else
+          net.notice(cmd.message);
+      }
       return;
     }
     if (k.name === "q")
@@ -2259,9 +2701,15 @@ function runNetworked(url) {
     const fps = meter(dt);
     const view = net.sample(performance.now());
     net.decayBubbles(dt / 1000);
-    const game = snapshotToGame(zone2, predicted, net.sessionId, view, localCd, net.bubbles);
+    net.decayEmotes(dt / 1000);
+    const game = snapshotToGame(zone2, predicted, net.sessionId, view, localCd, net.bubbles, net.emotes);
     playfield.game = game;
     hud.update(game, fps);
     hud.updateChat(net.chatLog, chat.open, chat.text);
   });
 }
+if (OFFLINE)
+  runOffline();
+else
+  runNetworked(SERVER);
+renderer.start();