Create precisionDrawing.js

mods/precisionDrawing.js

@@ -0,0 +1,58 @@
+let precisionDrawing = false
+//mod made by feeshmaster
+
+//try out debugRework.js or any other mods made by me!
+document.addEventListener("keydown", (e) => {
+  if (e.key == "w" && precisionDrawing) {
+    mousePos.y -= 1
+  } else if (e.key == "a" && precisionDrawing) {
+    mousePos.x -= 1
+  } else if (e.key == "s" && precisionDrawing) {
+    mousePos.y += 1
+  } else if (e.key == "d" && precisionDrawing) {
+    mousePos.x += 1
+  } else if (event.key === 'X' && event.shiftKey) {
+    console.log("precisionMode deactivated!")
+    precisionDrawing = !precisionDrawing
+    if (!precisionDrawing) {
+      mousePos = {x: "not", y: "updated"}
+    }
+  }
+})
+
+setTimeout(setUpOnStart, 1000)
+function setUpOnStart() {
+
+  getMousePos = (canvas, evt) => {
+      if (precisionDrawing) {
+        return mousePos;
+      }
+      // If evt.touches is defined, use the first touch
+      if (evt.touches) {
+          evt.preventDefault();
+          evt = evt.touches[0];
+          isMobile = true;
+      }
+      var rect = canvas.getBoundingClientRect();
+      return {
+          // Round to nearest pixel
+      x: Math.round((evt.clientX - rect.left)/pixelSize-0.5),
+      y: Math.round((evt.clientY - rect.top)/pixelSize-0.5)
+      };
+  }
+
+let controlsTable = document.getElementById("controlsTable");
+let row1 = document.createElement("tr");
+row1.innerHTML = `<td colspan="2" style="text-align:center"><strong>Mod controls</strong></td>`;
+let row2 = document.createElement("tr");
+row2.innerHTML = `<td>start precision</td><td><kbd>Shift + X</kbd> or <kbd>toggle button(not released)</kbd></td>`;
+let row3 = document.createElement("tr");
+row3.innerHTML = `<td>move in precision</td><td><kbd>W, A, S, D/arrows</kbd> or <kbd>buttons(not released)</kbd></td>`;
+
+  // Append the rows
+  controlsTable.appendChild(row1);
+  controlsTable.appendChild(row2);
+  controlsTable.appendChild(row3);
+
+
+}