artie/artie.moe
1
0
Fork 0
mirror of https://github.com/artiemis/artie.moe.git synced 2026-02-14 09:01:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

handle touch events

Browse Source
This commit is contained in:
artie 2024-11-21 21:37:20 +01:00
parent 29a70525da
commit 333e226ba4
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Model.svelte
View File

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