Small clean up

js/InputHandler.js

@@ -1,14 +1,18 @@
 class InputHandler {
-  constructor(idOfWatchedArea) {
-    const elem = document.getElementById(idOfWatchedArea);
+  constructor(canvasHandler) {
+    const elem = canvasHandler.canvas;
 
-    const handleMouse = ({ offsetX, offsetY }) =>
-      this.setPointerPosition([offsetX, offsetY]);
-    const handleTouch = ({ touches }) =>
-      this.setPointerPosition([touches[0].clientX, touches[0].clientY]);
+    const handleMouse = ({ clientX, clientY }) =>
+      this.setPointerPosition(canvasHandler.clientToCanvas(clientX, clientY));
+
+    const handleTouch = (event) => {
+      event.preventDefault();
+      const { clientX, clientY } = event.touches[0];
+      this.setPointerPosition(canvasHandler.clientToCanvas(clientX, clientY));
+    };
 
     elem.addEventListener("mousemove", handleMouse);
-    elem.addEventListener("touchmove", handleTouch);
+    elem.addEventListener("touchmove", handleTouch, { passive: false });
 
     this.pointerPosition = [0, 0];
   }