Update padding according to grid size

lennardschober · May 8, 2024 · 5c05fda · 5c05fda
1 parent d4a750a
commit 5c05fda
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/js/scripts3.js b/js/scripts3.js
@@ -8,7 +8,7 @@ let animationGrid = 0;
 let weightGrid = 0;
 let cellWidth = 25;
 let cellHeight = 25;
-const padding = 1;
+let padding = 1;
 let sRow, sCol, tRow, tCol = 0;
 let canvas = document.getElementById('pathfindingCanvas');
 let ctx = canvas.getContext('2d');
@@ -434,6 +434,9 @@ function getMousePos(evt) {
 document.getElementById("sizeSlider").oninput = function () {
     gridSize = 2 * this.value + 1;
 
+    // adjust padding
+    padding = 2 + (0 - 2) / (301 - 21) * (gridSize - 21);
+
     let numCols = gridSize;
     let numRows = Math.floor(numCols * winHeight / winWidth);
 
@@ -452,6 +455,8 @@ document.getElementById("sizeSlider").oninput = function () {
 
     anchorFixed = false;
 
+    console.log(padding);
+
     resetCanvas();
 }