1 files changed, 10 insertions, 3 deletions
diff --git a/site/main.mjs b/site/main.mjs
index 958e82d..859b8d0 100644
--- a/site/main.mjs
+++ b/site/main.mjs
@@ -1,10 +1,11 @@
 // simulation speed
-const TICKS_PER_SECOND = 12;
-const MS_PER_TICK = 1_000 / TICKS_PER_SECOND;
+let TICKS_PER_SECOND = 15;
+let MS_PER_TICK = 1_000 / TICKS_PER_SECOND;
 
 // one per page
 const CANVAS_SELECTOR = '#arena canvas';
 const TICK_BUTTON_SELECTOR = '#tick';
+const TICK_RATE_SELECTOR = '#tick-rate-select';
 const BENCH_BUTTON_SELECTOR = '#bench';
 const BLINKEN_BUTTON_SELECTOR = '#blinken';
 
@@ -187,7 +188,6 @@ async function loaded() {
             }
             break;
         case 'tick':
-            console.debug('bjc tick', robo.heading, trans.vars.heading);
             const { word, offset } = trans.ip;
             document.querySelectorAll(IP_SELECTOR).forEach(e => e.classList.remove('ip'));
             const sel = selectorForIP(word, offset);
@@ -249,6 +249,13 @@ async function loaded() {
         roboWorker.postMessage({ kind: 'tick' });
     };
 
+    document.querySelector(TICK_RATE_SELECTOR).onchange = e => {
+        console.debug('tick rate changed', e, Number(e.target.value));
+        TICKS_PER_SECOND = e.target.value;
+        MS_PER_TICK = 1_000 / TICKS_PER_SECOND;
+    }
+    document.querySelector(TICK_RATE_SELECTOR).onchange({target: { value: TICKS_PER_SECOND }});
+
     let blinkenRun = false;
     document.querySelector(BLINKEN_BUTTON_SELECTOR).onclick = e => {
         console.debug('blinken clicked', e);