From d18496ff30639fc42eaf34ecfc8239c992c4885c Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <kou029w@gmail.com>
Date: Tue, 29 Dec 2020 14:17:05 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E3=82=B9=E3=83=9E=E3=83=9B=E3=81=AE?=
 =?UTF-8?q?=E3=83=94=E3=83=B3=E3=83=81/=E3=82=B9=E3=83=AF=E3=82=A4?=
 =?UTF-8?q?=E3=83=97=E7=84=A1=E5=8A=B9=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.html | 2 +-
 src/main.ts    | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/index.html b/src/index.html
index c95e8b3..e3746fc 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>ぷっちんぐるぐる</title>
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width,user-scalable=no" />
     <link rel="icon" href="data:," />
     <style>
       body {
diff --git a/src/main.ts b/src/main.ts
index 46dba7e..7f6b2df 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -71,6 +71,7 @@ function handleMouseMove(event: { clientX: number; clientY: number }) {
 }
 
 function handleTouchmove(event: TouchEvent) {
+  event.preventDefault();
   [...event.touches].map(handleMouseMove);
 }
 
@@ -107,7 +108,7 @@ function setup() {
 
 function main() {
   renderer.setSize(window.innerWidth, window.innerHeight);
-  Object.assign(canvas.style, { width: "100vw", height: "100vh" });
+  Object.assign(canvas.style, { width: "100%", height: "100%" });
   root.addEventListener("keydown", handleKeydown);
   root.addEventListener("touchmove", handleTouchmove);
   root.addEventListener("keyup", handleMouseMoveEnd);
@@ -122,6 +123,7 @@ function main() {
     });
   }
   root.appendChild(canvas);
+  Object.assign(root.style, { overflow: "hidden", overscrollBehavior: "none" });
   window.addEventListener("resize", adjustCanvasSize);
   setup();
 }
