Possible to make several updates for 1 draw()

Author: gverger

p5js/tiled-model/sketch.js

@@ -3,6 +3,7 @@ const tileImages = [];
 let grid = [];
 
 const DIM = 25;
+const NB_UPDATES_PER_TICK=1;
 
 function preload() {
   // Load tile images
@@ -95,37 +96,39 @@ function draw() {
     }
   }
 
-  // Pick cell with least entropy
-  let gridCopy = grid.slice();
-  gridCopy = gridCopy.filter((a) => !a.collapsed);
+  for (let idxUpdate = 0; idxUpdate < NB_UPDATES_PER_TICK; idxUpdate++) {
+    // Pick cell with least entropy
+    let gridCopy = grid.slice();
+    gridCopy = gridCopy.filter((a) => !a.collapsed);
 
-  if (gridCopy.length == 0) {
-    return;
-  }
-  gridCopy.sort((a, b) => {
-    return a.options.length - b.options.length;
-  });
-
-  let len = gridCopy[0].options.length;
-  let stopIndex = 0;
-  for (let i = 1; i < gridCopy.length; i++) {
-    if (gridCopy[i].options.length > len) {
-      stopIndex = i;
-      break;
+    if (gridCopy.length == 0) {
+      return;
+    }
+    gridCopy.sort((a, b) => {
+      return a.options.length - b.options.length;
+    });
+
+    let len = gridCopy[0].options.length;
+    let stopIndex = 0;
+    for (let i = 1; i < gridCopy.length; i++) {
+      if (gridCopy[i].options.length > len) {
+        stopIndex = i;
+        break;
+      }
     }
-  }
 
-  if (stopIndex > 0) gridCopy.splice(stopIndex);
-  const cell = random(gridCopy);
-  cell.collapsed = true;
-  const pick = random(cell.options);
-  if (pick === undefined) {
-    startOver();
-    return;
-  }
-  cell.options = [pick];
+    if (stopIndex > 0) gridCopy.splice(stopIndex);
+    const cell = random(gridCopy);
+    cell.collapsed = true;
+    const pick = random(cell.options);
+    if (pick === undefined) {
+      startOver();
+      return;
+    }
+    cell.options = [pick];
 
-  grid = optimizedNextGrid(cell);
+    grid = nextGrid(cell);
+  }
 }
 
 // propagate options from src to dest. If dest is above src, dir == UP.
@@ -135,7 +138,7 @@ function propagate(src, dest, dir) {
   return oldLen != dest.options.length;
 }
 
-function optimizedNextGrid(pick) {
+function nextGrid(pick) {
   let touched = [posIdx(pick.i, pick.j)];
 
   while (touched.length > 0) {