moshcode 0.40.0 → 0.42.0

package/src/games-choplifter.mjs

@@ -0,0 +1,179 @@
+// Choplifter. Fly out, land, load them up, fly home. Do it before the tanks
+// work out where you are going.
+//
+// The world is wider than the screen, which is the whole point — the camera
+// follows the chopper and the base sits off the left edge, so "get back" is a
+// real journey rather than a step. Everything is stored in world columns and
+// only turned into screen columns at the very end, in render().
+import { acid, amber, ash, bone, danger, dim, rgb } from "./ui.mjs";
+
+export const WIDTH = 46;          // what you can see
+export const HEIGHT = 14;
+export const WORLD = 150;         // how far it actually goes
+
+export const GROUND = HEIGHT - 2;
+export const BASE = 6;            // the pad, at the left-hand end of the world
+const BASE_W = 7;
+export const SEATS = 4;           // how many fit in the back
+const LIVES = 3;
+const SHELL_EVERY = 46;           // ticks between a tank taking a shot
+
+const sand = rgb(200, 170, 110);
+
+export const onPad = (x) => x >= BASE - 1 && x <= BASE + BASE_W;
+
+/** Hostages waiting in the desert, and the tanks that would rather they stayed. */
+export function populate(rng) {
+  const people = [];
+  for (let i = 0; i < 12; i++) {
+    people.push({ x: 40 + Math.floor(rng() * (WORLD - 55)), waving: true });
+  }
+  const tanks = [];
+  for (let i = 0; i < 4; i++) {
+    tanks.push({ x: 55 + Math.floor(rng() * (WORLD - 70)), dir: rng() < 0.5 ? -1 : 1 });
+  }
+  return { people, tanks };
+}
+
+function hit(state, why) {
+  state.lives--;
+  // Anybody in the back goes down with it. That is the cost of one more pickup.
+  state.aboard = 0;
+  if (state.lives <= 0) {
+    state.lives = 0;
+    state.over = `${why} · ${state.home} home`;
+    return state;
+  }
+  state.chopper = { x: BASE + 2, y: GROUND - 1, vy: 0 };
+  state.shells = [];
+  return state;
+}
+
+/** One tick. Exported so a test can fly a whole rescue with no clock. */
+export function step(state) {
+  const chop = state.chopper;
+  chop.x = Math.max(0, Math.min(WORLD - 1, chop.x + state.throttle));
+  chop.y = Math.max(1, Math.min(GROUND, chop.y + chop.vy));
+  // Both axes drift to a stop rather than stopping dead, so it hovers when you
+  // let go instead of dropping out of the sky the moment you stop pressing up.
+  state.throttle *= 0.72;
+  if (Math.abs(state.throttle) < 0.05) state.throttle = 0;
+  chop.vy *= 0.72;
+  if (Math.abs(chop.vy) < 0.05) chop.vy = 0;
+
+  const landed = chop.y >= GROUND;
+
+  if (landed) {
+    // On the ground at the base: everybody out, and that is the score.
+    if (onPad(Math.round(chop.x))) {
+      state.home += state.aboard;
+      state.score += state.aboard * 100;
+      state.aboard = 0;
+    } else {
+      // Out in the desert: anybody close enough climbs in.
+      for (const person of state.people) {
+        if (state.aboard >= SEATS) break;
+        if (Math.abs(person.x - chop.x) > 2 || person.rescued) continue;
+        person.rescued = true;
+        state.aboard++;
+      }
+      state.people = state.people.filter((p) => !p.rescued);
+    }
+  }
+
+  state.clock++;
+  for (const tank of state.tanks) {
+    if (state.clock % 5 === 0) {
+      tank.x += tank.dir;
+      if (tank.x < 30 || tank.x > WORLD - 4) tank.dir *= -1;
+    }
+    // A tank shoots when you are overhead, and only then — you can outrun them.
+    if (state.clock % SHELL_EVERY === 0 && Math.abs(tank.x - chop.x) < 12) {
+      state.shells.push({ x: tank.x, y: GROUND - 1, vy: -0.55 });
+    }
+  }
+
+  for (const shell of state.shells) shell.y += shell.vy;
+  state.shells = state.shells.filter((s) => s.y > 0);
+  const struck = state.shells.find((s) => Math.abs(s.x - chop.x) < 2 && Math.abs(s.y - chop.y) < 1);
+  if (struck) return hit(state, "shot down");
+
+  const run_over = state.tanks.find((t) => landed && Math.abs(t.x - chop.x) < 2);
+  if (run_over) return hit(state, "flattened on the ground");
+
+  if (!state.people.length && !state.aboard) {
+    state.over = `everyone out · ${state.home} home`;
+  }
+  return state;
+}
+
+export const CHOPLIFTER = {
+  key: "choplifter",
+  aliases: ["chopper", "rescue", "heli"],
+  title: "CHOPLIFTER",
+  blurb: "fly out, land, fill the back, and get them home",
+  keys: "← → fly · ↑ ↓ climb and land · q quit",
+  tickMs: 55,
+
+  create({ rng = Math.random } = {}) {
+    const { people, tanks } = populate(rng);
+    return {
+      chopper: { x: BASE + 2, y: GROUND - 1, vy: 0 },
+      throttle: 0,
+      people,
+      tanks,
+      shells: [],
+      aboard: 0,
+      home: 0,
+      score: 0,
+      lives: LIVES,
+      clock: 0,
+      over: null,
+      rng,
+    };
+  },
+
+  tick: step,
+
+  onKey(state, pressed) {
+    const chop = state.chopper;
+    if (pressed === "left") state.throttle = Math.max(-1.4, state.throttle - 0.7);
+    else if (pressed === "right") state.throttle = Math.min(1.4, state.throttle + 0.7);
+    else if (pressed === "up") chop.vy = Math.max(-0.7, chop.vy - 0.45);
+    else if (pressed === "down") chop.vy = Math.min(0.7, chop.vy + 0.45);
+    return state;
+  },
+
+  status(state) {
+    if (state.over) return state.over;
+    return `${state.home} home · ${state.aboard}/${SEATS} aboard · ${state.people.length} waiting · ${"▲".repeat(state.lives)}`;
+  },
+
+  render(state) {
+    // The camera keeps the chopper in the middle until the world runs out.
+    const camera = Math.max(0, Math.min(WORLD - WIDTH, Math.round(state.chopper.x) - Math.floor(WIDTH / 2)));
+    const grid = Array.from({ length: HEIGHT }, () => Array.from({ length: WIDTH }, () => null));
+    const put = (worldX, y, glyph) => {
+      const x = Math.round(worldX) - camera;
+      if (x < 0 || x >= WIDTH || y < 0 || y >= HEIGHT) return;
+      grid[y][x] = glyph;
+    };
+
+    for (let i = 0; i < BASE_W; i++) put(BASE + i, GROUND, acid("═"));
+    for (const person of state.people) put(person.x, GROUND - 1, bone("Ω"));
+    for (const tank of state.tanks) put(tank.x, GROUND - 1, danger("▙"));
+    for (const shell of state.shells) put(shell.x, shell.y, amber("•"));
+    const chop = state.chopper;
+    put(chop.x, Math.round(chop.y), state.over ? danger("✷") : acid("╤"));
+    put(chop.x - 1, Math.round(chop.y), state.over ? danger("✷") : ash("─"));
+    put(chop.x + 1, Math.round(chop.y), state.over ? danger("✷") : ash("─"));
+
+    return grid.map((row, y) => row.map((cell, x) => {
+      if (cell) return cell;
+      if (y === GROUND) return sand("▀");
+      if (y > GROUND) return sand("░");
+      // A horizon marker every ten columns of world, so flying feels like it.
+      return (x + camera) % 12 === 0 && y === 1 ? dim("│") : " ";
+    }).join(""));
+  },
+};

package/src/games-digdug.mjs

@@ -0,0 +1,267 @@
+// Dig Dug. You are underground, everything down here wants you, and the only
+// wall between you and it is the ground you have not dug yet.
+//
+// The board is the enemy AI. There is no pathfinding: a monster walks the tunnel
+// it is in and turns towards you at a junction, so the shape you dig is the
+// shape of the fight. Dig a straight line and they queue up behind you; dig a
+// loop and they come round both ends of it.
+import { acid, amber, ash, bone, danger, dim, rgb } from "./ui.mjs";
+
+export const WIDTH = 40;
+export const HEIGHT = 16;
+export const SKY = 1;          // rows above this are open air
+
+const LIVES = 3;
+const HARPOON = 5;             // how far the pump reaches
+const POPS_AT = 3;             // pumps to burst a monster
+const MONSTER_EVERY = 9;       // ticks between monster steps
+const ROCK_EVERY = 3;
+
+const soil = rgb(150, 100, 60);
+const DIRS = { up: [0, -1], down: [0, 1], left: [-1, 0], right: [1, 0] };
+
+const key = (x, y) => `${x},${y}`;
+
+/** Solid ground everywhere below the sky, minus the shafts the level starts with. */
+export function buildGround() {
+  const ground = new Set();
+  for (let y = SKY + 1; y < HEIGHT; y++) for (let x = 0; x < WIDTH; x++) ground.add(key(x, y));
+  return ground;
+}
+
+export const isDug = (ground, x, y) => (
+  x >= 0 && x < WIDTH && y >= 0 && y < HEIGHT && !ground.has(key(x, y))
+);
+
+/** Where the monsters and rocks start — spread out, and never on top of you. */
+export function populate(state, level) {
+  state.monsters = [];
+  for (let i = 0; i < 3 + Math.min(3, level - 1); i++) {
+    state.monsters.push({
+      x: 6 + Math.floor(state.rng() * (WIDTH - 12)),
+      y: SKY + 2 + Math.floor(state.rng() * (HEIGHT - SKY - 3)),
+      dir: state.rng() < 0.5 ? "left" : "right",
+      pumped: 0,
+      ghost: 0,
+    });
+  }
+  state.rocks = [];
+  for (let i = 0; i < 4; i++) {
+    state.rocks.push({
+      x: 4 + Math.floor(state.rng() * (WIDTH - 8)),
+      y: SKY + 2 + Math.floor(state.rng() * 5),
+      falling: false,
+    });
+  }
+  // Every monster and rock starts buried, so the board opens up only where you
+  // dig it.
+  for (const thing of [...state.monsters, ...state.rocks]) state.ground.delete(key(thing.x, thing.y));
+  return state;
+}
+
+function lose(state, why) {
+  state.lives--;
+  if (state.lives <= 0) {
+    state.lives = 0;
+    state.over = `${why} · ${state.score} points`;
+    return state;
+  }
+  state.player = { x: Math.floor(WIDTH / 2), y: SKY + 1, dir: "down" };
+  state.harpoon = null;
+  state.ground.delete(key(state.player.x, state.player.y));
+  return state;
+}
+
+/** A rock with nothing under it falls, and takes anything under it with it. */
+export function fallRocks(state) {
+  for (const rock of state.rocks) {
+    const below = { x: rock.x, y: rock.y + 1 };
+    if (!rock.falling && !isDug(state.ground, below.x, below.y)) continue;
+    if (below.y >= HEIGHT) { rock.falling = false; continue; }
+    rock.falling = true;
+    rock.y += 1;
+    state.ground.delete(key(rock.x, rock.y));
+    const squashed = state.monsters.filter((m) => m.x === rock.x && m.y === rock.y);
+    if (squashed.length) {
+      state.monsters = state.monsters.filter((m) => !squashed.includes(m));
+      state.score += squashed.length * 200;
+    }
+    if (state.player.x === rock.x && state.player.y === rock.y) return lose(state, "under a rock");
+  }
+  return state;
+}
+
+/** One monster step: down its own tunnel, turning towards you at a junction. */
+export function walkMonster(state, monster) {
+  if (monster.pumped) return monster;   // a hooked monster is going nowhere
+  const player = state.player;
+
+  // Once in a while one gives up on the tunnels and comes straight through the
+  // ground at you. Without it, a player who digs one deep hole is untouchable.
+  if (monster.ghost > 0) {
+    monster.ghost--;
+    monster.x += Math.sign(player.x - monster.x);
+    if (monster.x === player.x) monster.y += Math.sign(player.y - monster.y);
+    return monster;
+  }
+  if (state.rng() < 0.02) { monster.ghost = 6; return monster; }
+
+  const options = Object.entries(DIRS)
+    .filter(([, [dx, dy]]) => isDug(state.ground, monster.x + dx, monster.y + dy))
+    .sort(([, a], [, b]) => {
+      const da = Math.abs(monster.x + a[0] - player.x) + Math.abs(monster.y + a[1] - player.y);
+      const db = Math.abs(monster.x + b[0] - player.x) + Math.abs(monster.y + b[1] - player.y);
+      return da - db;
+    });
+  if (!options.length) return monster;
+  // It prefers the way it is already going when that is no worse, so it does not
+  // jitter on the spot at a crossroads.
+  const [name, [dx, dy]] = options[0];
+  monster.dir = name;
+  monster.x += dx;
+  monster.y += dy;
+  return monster;
+}
+
+/** One tick. Exported so a test can clear a level with no clock. */
+export function step(state) {
+  state.clock++;
+
+  if (state.clock % ROCK_EVERY === 0) {
+    fallRocks(state);
+    if (state.over) return state;
+  }
+
+  if (state.harpoon) {
+    // The harpoon holds whatever it caught; it is the pump that does the work.
+    const hooked = state.monsters.find((m) => m === state.harpoon.on);
+    if (!hooked) state.harpoon = null;
+  }
+
+  if (state.clock % MONSTER_EVERY === 0) {
+    for (const monster of state.monsters) walkMonster(state, monster);
+    const caught = state.monsters.find((m) => m.x === state.player.x && m.y === state.player.y);
+    if (caught) return lose(state, "caught underground");
+  }
+
+  if (!state.monsters.length) {
+    state.level++;
+    state.ground = buildGround();
+    state.player = { x: Math.floor(WIDTH / 2), y: SKY + 1, dir: "down" };
+    state.ground.delete(key(state.player.x, state.player.y));
+    state.score += 500;
+    populate(state, state.level);
+  }
+  return state;
+}
+
+/** Fire the harpoon down the tunnel you are facing, or pump what is on it. */
+export function pump(state) {
+  if (state.harpoon) {
+    const monster = state.harpoon.on;
+    monster.pumped++;
+    if (monster.pumped >= POPS_AT) {
+      state.monsters = state.monsters.filter((m) => m !== monster);
+      state.score += 100 * POPS_AT;
+      state.harpoon = null;
+    }
+    return state;
+  }
+  const [dx, dy] = DIRS[state.player.dir];
+  for (let i = 1; i <= HARPOON; i++) {
+    const x = state.player.x + dx * i;
+    const y = state.player.y + dy * i;
+    if (!isDug(state.ground, x, y)) break;   // it does not go through dirt
+    const monster = state.monsters.find((m) => m.x === x && m.y === y);
+    if (monster) {
+      state.harpoon = { on: monster, x, y };
+      monster.pumped = 1;
+      return state;
+    }
+  }
+  return state;
+}
+
+export const DIGDUG = {
+  key: "digdug",
+  aliases: ["dig", "pooka"],
+  title: "DIG DUG",
+  blurb: "dig the tunnels, pump the monsters, drop rocks on the rest",
+  keys: "← ↑ ↓ → dig · space pump · q quit",
+  tickMs: 60,
+
+  create({ rng = Math.random } = {}) {
+    const state = {
+      ground: buildGround(),
+      player: { x: Math.floor(WIDTH / 2), y: SKY + 1, dir: "down" },
+      monsters: [],
+      rocks: [],
+      harpoon: null,
+      score: 0,
+      lives: LIVES,
+      level: 1,
+      clock: 0,
+      over: null,
+      rng,
+    };
+    state.ground.delete(key(state.player.x, state.player.y));
+    return populate(state, 1);
+  },
+
+  tick: step,
+
+  onKey(state, pressed) {
+    if (pressed === "space" || pressed === "enter") return pump(state);
+    const move = DIRS[pressed];
+    if (!move) return state;
+    // Moving is digging: the tunnel is wherever you have been.
+    state.harpoon = null;
+    state.player.dir = pressed;
+    const x = state.player.x + move[0];
+    const y = state.player.y + move[1];
+    if (x < 0 || x >= WIDTH || y <= SKY || y >= HEIGHT) return state;
+    if (state.rocks.some((r) => r.x === x && r.y === y && !r.falling)) return state;
+    if (state.ground.delete(key(x, y))) state.score += 1;
+    state.player.x = x;
+    state.player.y = y;
+    return state;
+  },
+
+  status(state) {
+    return state.over
+      ? state.over
+      : `${state.score} · level ${state.level} · ${state.monsters.length} left · ${"▲".repeat(state.lives)}`;
+  },
+
+  render(state) {
+    const grid = Array.from({ length: HEIGHT }, (_, y) => Array.from({ length: WIDTH }, (_, x) => (
+      state.ground.has(key(x, y)) ? soil("▒") : null
+    )));
+    const put = (x, y, glyph) => {
+      if (x < 0 || x >= WIDTH || y < 0 || y >= HEIGHT) return;
+      grid[y][x] = glyph;
+    };
+
+    for (const rock of state.rocks) put(rock.x, rock.y, ash("▣"));
+    for (const monster of state.monsters) {
+      // A monster part-way through being pumped is visibly bigger, which is the
+      // only feedback the pump gives you.
+      const art = monster.pumped >= 2 ? "◯" : monster.pumped ? "◎" : "◉";
+      put(monster.x, monster.y, (monster.ghost ? amber : danger)(art));
+    }
+    if (state.harpoon) {
+      const [dx, dy] = DIRS[state.player.dir];
+      for (let i = 1; i < HARPOON; i++) {
+        const x = state.player.x + dx * i;
+        const y = state.player.y + dy * i;
+        if (x === state.harpoon.x && y === state.harpoon.y) break;
+        put(x, y, bone(dx ? "─" : "│"));
+      }
+    }
+    put(state.player.x, state.player.y, state.over ? danger("✷") : acid("◈"));
+
+    return grid.map((row, y) => row.map((cell) => (
+      cell ?? (y <= SKY ? dim("·") : " ")
+    )).join(""));
+  },
+};

package/src/games-excitebike.mjs

@@ -0,0 +1,206 @@
+// Excitebike. The throttle is not the interesting part — the temperature gauge
+// is, and so is what your front wheel is doing when you land.
+//
+// Two things make this game rather than a side-scroller with ramps. Turbo is
+// free until it isn't: heat climbs while you hold it and the engine seizes at
+// the top of the gauge, so the fast lap is the one that cools off in the right
+// places. And a jump is only as good as its landing: you pitch the bike in the
+// air, and coming down nose-first puts you over the handlebars.
+import { acid, ash, bone, danger, dim, rgb } from "./ui.mjs";
+
+export const WIDTH = 46;
+export const HEIGHT = 12;
+
+export const GROUND = HEIGHT - 3;
+export const RIDER = 8;          // your column; the track comes to you
+
+const BASE_SPEED = 0.35;
+const MAX_SPEED = 1.5;
+const TURBO = 0.55;              // extra columns per tick while it is held
+const HEAT_UP = 1.6;
+const HEAT_DOWN = 0.8;
+export const SEIZE_TICKS = 70;   // how long a cooked engine costs you
+const PITCH_LIMIT = 2.2;
+// The nose drops on its own all the way down. Without this the pitch you leave
+// the ramp with is the pitch you land on, and the landing — the whole second
+// half of this game — is something you can simply ignore.
+const PITCH_DROP = 0.075;
+export const LAND_OK = 1.1;      // how far from level you may land
+const CRASH_TICKS = 45;
+export const FINISH = 900;       // columns of track in a race
+const TIME = 2600;
+
+const dirt = rgb(170, 130, 90);
+
+/** A ramp is three columns of take-off; hit one moving and you are airborne. */
+export const RAMP_W = 3;
+
+export function spawn(state) {
+  const { rng } = state;
+  state.things.push({ kind: "ramp", x: WIDTH + 2 });
+  state.next = 18 + rng() * 22;
+  return state;
+}
+
+export const rampSpan = (thing) => {
+  const x = Math.round(thing.x);
+  return [x, x + RAMP_W - 1];
+};
+
+/** Speed right now, with everything that is holding it back applied. */
+export function speedOf(state) {
+  if (state.crash > 0) return 0;
+  if (state.seized > 0) return BASE_SPEED * 0.4;
+  return Math.min(MAX_SPEED, state.throttle + (state.turbo ? TURBO : 0));
+}
+
+function crash(state, why) {
+  state.crash = CRASH_TICKS;
+  state.air = 0;
+  state.pitch = 0;
+  state.throttle = BASE_SPEED;
+  state.spills++;
+  state.last = why;
+  return state;
+}
+
+/** One tick of track. Exported so a test can ride a whole race with no clock. */
+export function step(state) {
+  state.clock++;
+  if (state.clock >= TIME) {
+    state.over = `out of time · ${Math.round(state.dist)} of ${FINISH}`;
+    return state;
+  }
+  if (state.crash > 0) { state.crash--; return state; }
+
+  // The gauge. Turbo is a loan, and this is where it is called in.
+  if (state.turbo && !state.seized) state.heat = Math.min(100, state.heat + HEAT_UP);
+  else state.heat = Math.max(0, state.heat - HEAT_DOWN);
+  if (state.heat >= 100 && !state.seized) { state.seized = SEIZE_TICKS; state.turbo = false; }
+  if (state.seized > 0) { state.seized--; if (!state.seized) state.heat = 40; }
+
+  const speed = speedOf(state);
+  state.dist += speed;
+  for (const thing of state.things) thing.x -= speed;
+  state.things = state.things.filter((t) => rampSpan(t)[1] > -3);
+  state.next -= speed;
+  if (state.next <= 0) spawn(state);
+
+  if (state.air > 0) {
+    state.air--;
+    state.pitch = Math.min(PITCH_LIMIT, state.pitch + PITCH_DROP);
+    if (!state.air) {
+      // Landing: level enough is a landing, anything else is a tumble.
+      if (Math.abs(state.pitch) > LAND_OK) return crash(state, "over the handlebars");
+      // A flat landing carries the speed; a wobbly one scrubs some off.
+      state.throttle = Math.min(MAX_SPEED, state.throttle + (Math.abs(state.pitch) < 0.4 ? 0.12 : -0.1));
+      state.score += 50;
+      state.pitch = 0;
+    }
+  } else {
+    const ramp = state.things.find((t) => {
+      const [from, to] = rampSpan(t);
+      return RIDER >= from && RIDER <= to;
+    });
+    if (ramp && !ramp.used) {
+      ramp.used = true;
+      // The faster you hit it, the longer you are in the air — and the more time
+      // you have to get the pitch wrong.
+      state.air = Math.round(10 + speed * 14);
+      state.pitch = 0.6;   // it launches you nose-up, and you ride it down
+    }
+  }
+
+  if (state.dist >= FINISH) {
+    state.race++;
+    state.score += Math.max(200, 2000 - state.clock);
+    state.dist = 0;
+    state.clock = 0;
+    state.things = [];
+    state.heat = 0;
+  }
+  return state;
+}
+
+export const EXCITEBIKE = {
+  key: "excitebike",
+  aliases: ["bike", "moto", "excite"],
+  title: "EXCITEBIKE",
+  blurb: "turbo until it cooks, and land the way you took off",
+  keys: "← → throttle · space turbo · ↑ ↓ pitch in the air · q quit",
+  tickMs: 55,
+
+  create({ rng = Math.random } = {}) {
+    return {
+      things: [],
+      next: 16,
+      throttle: BASE_SPEED,
+      turbo: false,
+      heat: 0,
+      seized: 0,
+      air: 0,
+      pitch: 0,
+      crash: 0,
+      spills: 0,
+      dist: 0,
+      race: 1,
+      clock: 0,
+      score: 0,
+      last: null,
+      over: null,
+      rng,
+    };
+  },
+
+  tick: step,
+
+  onKey(state, pressed) {
+    if (state.crash > 0) return state;
+    if (pressed === "right") state.throttle = Math.min(MAX_SPEED, state.throttle + 0.12);
+    else if (pressed === "left") state.throttle = Math.max(BASE_SPEED * 0.5, state.throttle - 0.12);
+    else if (pressed === "space" || pressed === "enter") state.turbo = !state.turbo;
+    else if (pressed === "up" || pressed === "down") {
+      // Pitch only means anything off the ground; on it, this does nothing at
+      // all, which is the honest answer.
+      if (!state.air) return state;
+      state.pitch = Math.max(-PITCH_LIMIT, Math.min(PITCH_LIMIT, state.pitch + (pressed === "up" ? -0.35 : 0.35)));
+    }
+    return state;
+  },
+
+  status(state) {
+    if (state.over) return state.over;
+    const gauge = Math.round(state.heat / 10);
+    const bar = `${"█".repeat(gauge)}${"░".repeat(10 - gauge)}`;
+    return `race ${state.race} · ${Math.round(state.dist)}/${FINISH} · heat ${bar}${state.seized ? " seized" : ""}`;
+  },
+
+  render(state) {
+    const grid = Array.from({ length: HEIGHT }, () => Array.from({ length: WIDTH }, () => null));
+    const put = (x, y, glyph) => {
+      if (x < 0 || x >= WIDTH || y < 0 || y >= HEIGHT) return;
+      grid[y][x] = glyph;
+    };
+
+    for (const thing of state.things) {
+      const [from] = rampSpan(thing);
+      // A ramp climbs, so it is drawn climbing.
+      [...("▁▄█")].forEach((c, i) => put(from + i, GROUND - (i > 1 ? 1 : 0), dirt(c)));
+    }
+
+    const height = state.air ? Math.min(4, 1 + Math.round(state.air / 6)) : 0;
+    const nose = state.pitch < -LAND_OK ? "◜" : state.pitch > LAND_OK ? "◞" : state.air ? "◠" : "◉";
+    put(RIDER, GROUND - 1 - height, state.crash ? danger("✷") : acid(nose));
+    if (!state.air && !state.crash) put(RIDER + 1, GROUND - 1, ash("·"));
+
+    return grid.map((row, y) => row.map((cell, x) => {
+      if (cell) return cell;
+      if (y === GROUND) return dirt("▀");
+      if (y > GROUND) return dim("░");
+      // The finish, coming up the track.
+      const toGo = FINISH - state.dist;
+      if (toGo < WIDTH - RIDER && x === RIDER + Math.round(toGo)) return bone("┋");
+      return " ";
+    }).join(""));
+  },
+};