ascii-city 0.3.0 → 0.3.1

package/js/tui.js

@@ -610,6 +610,33 @@ export function run(opts = {}) {
     if (camMode === 0 && sim.player.mode === 'foot') { // crosshair
       scr.set(cols >> 1, rows >> 1, 43, cInt('#dce6f0'), -1);
     }
+
+    if (sim.player.mode === 'drive') { // ASCII speedometer dial, bottom-right
+      const car = sim.player.car;
+      const s = Math.min(1, Math.abs(car.speed) / 12);
+      const mph = Math.abs(Math.round(car.speed * 8));
+      const speedCol = f => f < 0.5 ? '#7ad97a' : f < 0.8 ? '#ffd75f' : '#ff5b5b';
+      const RY = 4, RX = RY * 2;
+      const cx = cols - RX - 3, cy = rows - 4;
+      for (let i = 0; i <= 12; i++) {
+        const f = i / 12;
+        const a = Math.PI * (1 - f);
+        const on = f <= s + 0.01;
+        scr.set(Math.round(cx + Math.cos(a) * RX), Math.round(cy - Math.sin(a) * RY),
+          i % 6 === 0 ? 111 : 46, cInt(on ? speedCol(f) : '#4a5160'), -1);
+      }
+      const na = Math.PI * (1 - s);
+      const nCos = Math.cos(na), nSin = Math.sin(na);
+      const gch = Math.abs(nCos) > 0.85 ? 45 : Math.abs(nSin) > 0.85 ? 124 : (nCos * nSin > 0 ? 47 : 92);
+      for (let t = 0.2; t <= 0.82; t += 0.08) {
+        scr.set(Math.round(cx + nCos * RX * t), Math.round(cy - nSin * RY * t), gch, cInt(speedCol(s)), -1);
+      }
+      scr.set(cx, cy, 79, cInt('#c8d0e0'), -1);
+      const txt = mph + ' MPH';
+      for (let k = 0; k < txt.length; k++) {
+        scr.set(cx - (txt.length >> 1) + k, cy + 1, txt.charCodeAt(k), cInt(speedCol(s)), -1);
+      }
+    }
   }
 
   // --- boot ---
@@ -625,7 +652,13 @@ export function run(opts = {}) {
       c.heading = h; c.speed = 0; c.npc = true; c.police = pol;
       if (pol) c.color = '#e8e8f0';
     };
-    put(sim.cars[0], 6, -1.2, P.heading + Math.PI / 2, false); // side-on
+    if (process.env.ASCII_CITY_DRIVE) {
+      const c = sim.cars[0];
+      c.x = P.x; c.z = P.z; c.heading = P.heading; c.npc = false; c.police = false;
+      c.speed = Number(process.env.ASCII_CITY_DRIVE) || 9;
+      P.mode = 'drive'; P.car = c;
+    }
+    if (!process.env.ASCII_CITY_DRIVE) put(sim.cars[0], 6, -1.2, P.heading + Math.PI / 2, false); // side-on
     put(sim.cars[1], 10, 1.2, P.heading + Math.PI, true);      // cop, facing us
     sim.peds[0].x = P.x + cy * 4 + px * 2.4; sim.peds[0].z = P.z + sy * 4 + pz * 2.4;
     sim.peds[1].x = P.x + cy * 6 - px * 2.6; sim.peds[1].z = P.z + sy * 6 - pz * 2.6;
@@ -639,7 +672,7 @@ export function run(opts = {}) {
   const hud = () => {
     const P = sim.player;
     const stars = (sim.police && P.wanted) ? '  WANTED ' + '*'.repeat(P.wanted) : '';
-    const speedo = P.mode === 'drive' ? '  ' + Math.abs(Math.round(P.car.speed * 8)) + ' MPH' : '';
+    const speedo = '';
     const gps = sim.missions ? sim.gpsDir() : null;
     const missionTxt = (sim.missions && sim.mission)
       ? `  [${sim.mission.stage === 'pickup' ? 'PICKUP' : 'DELIVER'}${gps ? ' ' + gps.dir + ' ' + gps.dist : ''}]`

package/js/walker.js

@@ -529,8 +529,41 @@ function render() {
   if (camMode === 0 && sim.player.mode === 'foot') { // crosshair
     atlas.draw(ctx, '+', '#dce6f0', cols >> 1, rows >> 1);
   }
+
+  if (sim.player.mode === 'drive') drawSpeedo(cols, rows);
 }
 
+// ASCII speedometer dial: arc of ticks lighting up with speed, rotating needle.
+function speedCol(s) { return s < 0.5 ? '#7ad97a' : s < 0.8 ? '#ffd75f' : '#ff5b5b'; }
+function drawSpeedo(cols, rows) {
+  const car = sim.player.car;
+  const s = Math.min(1, Math.abs(car.speed) / 12);
+  const mph = Math.abs(Math.round(car.speed * 8));
+  const RY = Math.max(7, Math.round(rows * 0.11)), RX = Math.round(RY * atlas.ch / atlas.cw);
+  const cx = cols - RX - 4, cy = rows - 5;
+  for (let i = 0; i <= 12; i++) {
+    const f = i / 12;
+    const a = Math.PI * (1 - f);
+    const on = f <= s + 0.01;
+    atlas.draw(ctx, i % 6 === 0 ? 'o' : '.',
+      on ? speedCol(f) : '#4a5160',
+      Math.round(cx + Math.cos(a) * RX), Math.round(cy - Math.sin(a) * RY));
+  }
+  const na = Math.PI * (1 - s);
+  const nCos = Math.cos(na), nSin = Math.sin(na);
+  const g = Math.abs(nCos) > 0.85 ? '-' : Math.abs(nSin) > 0.85 ? '|' : (nCos * nSin > 0 ? '/' : '\\');
+  for (let t = 0.2; t <= 0.82; t += 0.06) {
+    atlas.draw(ctx, g, speedCol(s), Math.round(cx + nCos * RX * t), Math.round(cy - nSin * RY * t));
+  }
+  atlas.draw(ctx, 'O', '#c8d0e0', cx, cy);
+  const txt = String(mph);
+  for (let k = 0; k < txt.length; k++) {
+    atlas.draw(ctx, txt[k], speedCol(s), cx - (txt.length >> 1) + k, cy + 2);
+  }
+  for (let k = 0; k < 3; k++) atlas.draw(ctx, 'MPH'[k], '#6a7284', cx - 1 + k, cy + 3);
+}
+
+
 // --- minimap + hud ----------------------------------------------------------------
 
 function buildMini() {
@@ -586,7 +619,7 @@ function drawMini() {
 function updateHud() {
   const P = sim.player;
   const stars = (sim.police && P.wanted) ? '  WANTED ' + '*'.repeat(P.wanted) : '';
-  const speedo = P.mode === 'drive' ? Math.abs(Math.round(P.car.speed * 8)) + ' MPH  ' : '';
+  const speedo = '';
   const gps = sim.missions ? sim.gpsDir() : null;
   const missionTxt = (sim.missions && sim.mission)
     ? `  [${sim.mission.stage === 'pickup' ? 'PICKUP' : 'DELIVER'}${gps ? ' ' + gps.dir + ' ' + gps.dist : ''}]`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ascii-city",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "An INFINITE seeded ASCII cyberpunk city you can walk around and drive in, right in your terminal (or browser). GTA before GTA 6, in glyphs.",
   "type": "module",
   "bin": {