feat: 30s Live Plot simulation + honest machine-speed readout

The HUD now shows the real plot time (e.g. Zaku 23:21) while the simulation
plays it back in ~30s at 1x watch speed. A new dock readout discloses the
compression honestly — "SIM ≈ ×47 MACHINE SPEED" — recomputed per suit
(bigger suits → higher multiplier, e.g. ×65 for a 32:43 plot) and per watch
speed (0.5×→×23, 4×→×187). BASE trimmed 36→30s on index + preview.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JWP9tY4m4hfX8WyoEQZ1kU

Author: claude

index.html

@@ -93,6 +93,7 @@ <h1>PLOTFLOW<span class="s">*</span></h1>
     <button class="btn" id="restart">Restart</button>
     <button class="btn" id="skip">Skip ▸︎▸︎</button>
     <div class="seg" id="speed"><button data-s="0.5">0.5×</button><button data-s="1" class="on">1×</button><button data-s="2">2×</button><button data-s="4">4×</button></div>
+    <span class="tiny" id="simx" style="color:var(--dim);letter-spacing:.08em;align-self:center"></span>
   </div>
 </header>
 

preview.html

@@ -337,7 +337,7 @@ <h2>The Work<span class="star">*</span></h2><span class="jp">作品</span>
 const bed=document.getElementById('bed'), bedlabel=document.getElementById('bedlabel');
 const selSuit=document.getElementById('suit'), playBtn=document.getElementById('play'), replay=document.getElementById('replay');
 
-const FEED=1100, BASE=36;
+const FEED=1100, BASE=30;
 let cur, len=1, drawn=0, playing=true, speed=1, mmPerUnit=1, totalMin=1;
 
 ORDER.forEach(k=>{const o=document.createElement('option');o.value=k;o.textContent=SUITS[k].name+" · "+SUITS[k].code;selSuit.appendChild(o);});

scripts/plotter.js

@@ -28,7 +28,9 @@
   var LIFT_S = 0.10;       // seconds per pen lift+lower cycle (servo up + down)
   // Plot time = draw + pen-up travel + lift cycles — tuned against PlotGrid
   // actuals (~0.45 s/stroke incl. overhead), not just ink-length ÷ feed.
-  var BASE = 36;     // seconds for a full plot at 1x speed
+  var BASE = 30;     // seconds the simulation runs at 1x watch speed —
+                     // the machine-speed multiplier shown in the dock is
+                     // derived from the real plot time (≈ x45–x60)
   var INK = '#e8351f';
   var cur, len = 1, drawn = 0, painted = 0, playing = true, speed = 1, mmPerUnit = 1, totalMin = 1;
   var vb = { x: 0, y: 0, w: 1, h: 1 };
@@ -141,6 +143,7 @@
     totalMin = (st.draw * mmPerUnit) / FEED
              + (st.travel * mmPerUnit) / TRAVEL_FEED
              + (st.lifts * LIFT_S) / 60;
+    updateSimX();
     penC.setAttribute('r', md * 0.014);
     penX.setAttribute('d', 'M ' + (-md * 0.032) + ' 0 H ' + (md * 0.032) + ' M 0 ' + (-md * 0.032) + ' V ' + (md * 0.032));
     pen.setAttribute('opacity', '0');
@@ -184,6 +187,14 @@
     if (playBtn) playBtn.textContent = 'Pause';
   }
 
+  // honest speed disclosure: the sim runs the real plot in BASE/speed seconds
+  function updateSimX() {
+    var el = $('simx');
+    if (!el || !totalMin) return;
+    var x = Math.round((totalMin * 60) / (BASE / speed));
+    el.textContent = 'SIM \u2248 \u00d7' + x + ' machine speed';
+  }
+
   var last = null;
   function frame(t) {
     if (last == null) last = t;
@@ -213,6 +224,7 @@
     var b = e.target.closest('button'); if (!b) return;
     [].forEach.call(e.currentTarget.children, function (x) { x.classList.remove('on'); });
     b.classList.add('on'); speed = parseFloat(b.dataset.s);
+    updateSimX();
   });
   if (selSuit) selSuit.addEventListener('change', function (e) { load(e.target.value); });
   if (replay) replay.addEventListener('click', restart);

scripts/product.js

@@ -101,7 +101,7 @@
   function makePreview(s, inkHex) {
     var svg = $("pdSvg"), path = $("pdPath"), canvas = $("pdCanvas"), replay = $("pdReplay");
     var ctx = canvas.getContext("2d");
-    var BASE = 18;                 // seconds for a full preview plot
+    var BASE = 18;                 // seconds for a full preview plot (product page keeps a quicker cut)
     var ink = inkHex;
     var len = 1, drawn = 0, painted = 0, playing = true, last = null;
     var vb = { x: 0, y: 0, w: s.w || 1, h: s.h || 1 };