Make touch events work a little better

crummy · Aug 28, 2024 · a6571de · a6571de
1 parent 09ebbc2
commit a6571de
Showing 1 changed file with 45 additions and 1 deletion.
diff --git a/src/components/VisualizationP5.ts b/src/components/VisualizationP5.ts
@@ -123,13 +123,53 @@ export const VisualizationP5 = (p: p5, element: HTMLElement) => {
         newClickListener(p.mouseX, p.mouseY, 0)
     }
 
-    p.mouseReleased = () => {
+    p.touchStarted = (event) => {
+        // todo: should we go fullscreen?
         if (!isInitialized) {
+            isInitialized = true
+            return
+        }
+        if (didClick(resetButton)) {
+            resetListener()
             return
         }
+        for (let instrument of instruments) {
+            if (didClick(instrument)) {
+                selectInstrumentListener(instrument.name)
+                selectedInstrument = instrument.name
+                return
+            }
+        }
+        if (event instanceof TouchEvent) {
+            for (let touch of event.changedTouches) {
+                newClickListener(touch.clientX, touch.clientY, touch.identifier)
+            }
+        }
+    }
+
+    p.touchEnded = (event) => {
+        if (event instanceof TouchEvent) {
+            for (let touch of event.changedTouches) {
+                clickStopListener(touch.identifier)
+            }
+        }
+    }
+
+    p.mouseReleased = () => {
         clickStopListener(0)
     }
 
+    p.touchMoved = (event) => {
+        if (!isInitialized) {
+            return
+        }
+        if (event instanceof TouchEvent) {
+            for (let touch of event.changedTouches) {
+                drawListener(touch.clientX, touch.clientY, touch.identifier)
+            }
+        }
+    }
+
     p.mouseDragged = () => {
         if (!isInitialized) {
             return
@@ -207,4 +247,8 @@ export const VisualizationP5 = (p: p5, element: HTMLElement) => {
         updateColumnCount,
         updateProgress
     }
+}
+
+class Ripples {
+
 }