Fix touch controls

Sop20Games · Jul 30, 2021 · 5897437 · 5897437
1 parent ac8036a
commit 5897437
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/docs/index.js b/docs/index.js
diff --git a/docs/style.css b/docs/style.css
@@ -1,10 +1,15 @@
 * {
     margin: 0;
     padding: 0;
+
+    user-select: none; /* supported by Chrome and Opera */
+    -webkit-user-select: none; /* Safari */
+    -moz-user-select: none; /* Firefox */
 }
 
 body {
     background: #000;
+    overflow: hidden;
 }
 
 #can {
@@ -20,7 +25,7 @@ body {
 }
 
 #inner {
-    
+
 }
 
 #container {

diff --git a/src/game.js b/src/game.js
@@ -47,7 +47,12 @@ ontouchstart = (e) => {
     onmousedown(e);
 };
 
-ontouchend = (e) => onclick(e.touches[0]);
+ontouchmove = (e) => e.preventDefault();
+
+ontouchend = (e) => {
+    onmouseup();
+    onclick();
+}
 
 onmousemove = (e) => {
     const rect = CANVAS.getBoundingClientRect();
@@ -63,7 +68,7 @@ onmousemove = (e) => {
     }
 };
 
-onclick = (e) => {
+onclick = () => {
     if (MENU) {
         const button = MENU.highlightedButton(MOUSE_POSITION);
         if (button) button.onClick();

diff --git a/src/style.css b/src/style.css
@@ -1,10 +1,15 @@
 * {
     margin: 0;
     padding: 0;
+
+    user-select: none; /* supported by Chrome and Opera */
+    -webkit-user-select: none; /* Safari */
+    -moz-user-select: none; /* Firefox */
 }
 
 body {
     background: #000;
+    overflow: hidden;
 }
 
 #can {
@@ -20,7 +25,7 @@ body {
 }
 
 #inner {
-    
+
 }
 
 #container {