diff --git a/script.js b/script.js index 074e25d..b9fbbc1 100644 --- a/script.js +++ b/script.js @@ -219,6 +219,29 @@ window.addEventListener("load", () => { canvas.addEventListener("mouseout", () => { isDragging = false; }); + + // Event Listener für das touchstart Event (Finger auf den Bildschirm legen) + canvas.addEventListener("touchstart", (event) => { + event.preventDefault(); // Verhindert Standardverhalten (z. B. Scrollen der Seite) + canvas.focus(); // Setzt den Fokus auf das Canvas + }); + + // Event Listener für das touchmove Event (Finger bewegen) + canvas.addEventListener("touchmove", (event) => { + event.preventDefault(); // Verhindert Standardverhalten (z. B. Scrollen der Seite) + + const touch = event.touches[0]; // Erste Berührung (1 Finger) + const currentX = touch.clientX; + const currentY = touch.clientY; + + // Verarbeite das Dragging hier (z. B. zeichne etwas in Canvas) + const x = Math.round(currentX / spacing); + const y = Math.round(currentY / spacing); + console.log("Values: " + x + " " + y ) + saveSetArray(sparseWorld, y, x, 1); + + // Verarbeite die Koordinaten hier (z. B. zeichne etwas im Canvas) + }); // Grid beim Laden der Seite zeichnen drawGrid(sparseWorld);