🚀 refactor getBestRoute

packages/demo/demo.getBestRoute.ts

@@ -0,0 +1,48 @@
+import { copyGrid } from "@snk/compute/grid";
+import { copySnake } from "@snk/compute/snake";
+import { createCanvas } from "./canvas";
+import { step } from "@snk/compute/step";
+import { getBestRoute } from "@snk/compute/getBestRoute";
+import { samples } from "./samples";
+
+//
+// init
+
+const label = new URLSearchParams(window.location.search).get("sample");
+const { grid: grid0, snake: snake0, gameOptions } =
+  samples.find((s) => s.label === label) || samples[0];
+
+//
+// compute
+
+const s0 = Date.now();
+const bestRoute = getBestRoute(grid0, snake0, gameOptions);
+console.log(`computed in ${Date.now() - s0}ms`);
+
+//
+// draw
+
+const { draw } = createCanvas(grid0);
+
+//
+// controls
+
+const inputK: any = document.createElement("input");
+inputK.type = "range";
+inputK.style.width = "100%";
+inputK.min = 0;
+inputK.max = bestRoute.length;
+inputK.step = 1;
+inputK.value = 0;
+inputK.addEventListener("input", () => {
+  const snake = copySnake(snake0);
+  const grid = copyGrid(grid0);
+  const stack: any[] = [];
+
+  for (let i = 0; i < +inputK.value; i++)
+    step(grid, snake, stack, bestRoute[i], gameOptions);
+
+  draw(grid, snake, stack);
+});
+document.body.appendChild(inputK);
+draw(grid0, snake0, []);