From d42b67f25e7979d49a4e79899ff36c3470949371 Mon Sep 17 00:00:00 2001
From: RGBCube <RGBCube@users.noreply.github.com>
Date: Tue, 19 Dec 2023 16:48:04 +0300
Subject: [PATCH] Touch support

---
 cube.js | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/cube.js b/cube.js
index e939868..cfa7f17 100644
--- a/cube.js
+++ b/cube.js
@@ -97,12 +97,14 @@ const orientation = {
     previous: null,
   };
 
-
-  document.addEventListener("mouseup", () => {
+  const handleUp = () => {
     mouse.down = false;
-  });
+  };
 
-  document.addEventListener("mousemove", (event) => {
+  document.addEventListener("mouseup", handleUp);
+  document.addEventListener("touchend", handleUp);
+
+  const handleMove = (event) => {
     if (!mouse.down) return;
 
     const newMouse = new Vec3(event.clientX, event.clientY, 0);
@@ -121,18 +123,31 @@ const orientation = {
     const rotation = Quat.fromAngleAxis(delta.length() * sensitivity, axis);
 
     orientation.set(Quat.mul(rotation, orientation.get()));
+  };
+
+  document.addEventListener("mousemove", handleMove);
+  document.addEventListener("touchmove", (event) => {
+    const delta = event.changedTouches[0];
+
+    event.clientX = delta.clientX;
+    event.clientY = delta.clientY;
+
+    handleMove(event);
   });
 
   let angularMomentum = new Vec3(0, 0, 0);
 
-  document.addEventListener("mousedown", (event) => {
+  const handleDown = (event) => {
     // Disables link dragging that occurs when spinning.
     event.preventDefault();
 
     mouse.down = true;
 
     angularMomentum = new Vec3(0, 0, 0);
-  });
+  };
+
+  document.addEventListener("mousedown", handleDown);
+  document.addEventListener("touchstart", handleDown);
 
   let lastUpdate = 0;