From 333e226ba479f8fb96a46a2c10bf0f3843c6e954 Mon Sep 17 00:00:00 2001
From: artie <artiehime@gmail.com>
Date: Thu, 21 Nov 2024 21:37:20 +0100
Subject: [PATCH] handle touch events

---
 src/components/Model.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Model.svelte b/src/components/Model.svelte
index e94eb4f..c2a77b8 100644
--- a/src/components/Model.svelte
+++ b/src/components/Model.svelte
@@ -76,7 +76,8 @@
     }
   }
 
-  function handleMouseDown() {
+  function handlePressDown() {
+    console.log("handlePressDown");
     model.motion("Tap");
 
     holdTimeout = window.setTimeout(() => {
@@ -86,7 +87,8 @@
     }, 500);
   }
 
-  function handleMouseUp() {
+  function handlePressUp() {
+    console.log("handlePressUp");
     clearTimeout(holdTimeout);
     holdTimeout = undefined;
   }
@@ -187,8 +189,10 @@
   </div>
   <canvas
     bind:this={canvas}
-    onmousedown={handleMouseDown}
-    onmouseup={handleMouseUp}
+    onmousedown={handlePressDown}
+    onmouseup={handlePressUp}
+    ontouchstart={handlePressDown}
+    ontouchend={handlePressUp}
     id="live2d"
     class="lg:w-96 w-44 transition-opacity {isLoaded
       ? 'opacity-1'