Added full Mobile Support

Author: omeldev

src/app/classes/collectibles/potion/potion.ts

@@ -42,28 +42,13 @@ export class HealthPotion extends Potion {
         GameComponent.getCurrentLevel().getHealthPotions().splice(i, 1);
 
         if (player.health + this.healAmount > player.maxHealth) {
-          (async () => {
-            const diff = player.maxHealth - player.health;
-            let counter = 0;
-            const interval = setInterval(() => {
-              counter++;
-              player.health += 1;
-              if (counter >= diff || player.health === player.maxHealth) clearInterval(interval);
 
-            }, 75);
+          player.health = player.maxHealth;
 
-          })();
 
         } else {
-          (async () => {
-            let counter = 0;
-            const interval = setInterval(() => {
-              counter++;
-              player.health += 1;
-              if(counter >= this.healAmount || player.health === player.maxHealth) clearInterval(interval);
-
-            }, 75);
-          })();
+          player.health += this.healAmount;
+
         }
 
 

src/app/classes/gui/window/mobile.ts

@@ -26,8 +26,16 @@ export class Mobile {
       }, () => {
         setKeyPressed('w', false)
       }),
-      new Button('../../../assets/gui/mobile/down.png', new Position(100, 0), new Scale(0.25), () => {
 
+      new Button('../../../assets/gui/mobile/a.png', new Position(650, 250), new Scale(0.4), () => {
+        setKeyPressed('space', true);
+      }, () => {
+        setKeyPressed('space', false);
+      }),
+      new Button('../../../assets/gui/mobile/f.png', new Position(700, 0), new Scale(0.2), () => {
+        setKeyPressed('f', true);
+      }, () => {
+        setKeyPressed('f', false);
       }),
     ];
     Mobile.buttons = this.buttons;

src/app/components/game/game.component.ts

@@ -15,7 +15,7 @@ import {Mobile} from "../../classes/gui/window/mobile";
 })
 export class GameComponent implements AfterViewInit {
 
-  public static isMobile = window.innerWidth < 800 || window.innerHeight < 600;
+  public static isMobile = window.innerWidth < 1000 || window.innerHeight < 800;
   public static canvasWidth = 64 * 16;
   public static canvasHeight = 64 * 9;
   public static player: Player;
@@ -121,6 +121,7 @@ export class GameComponent implements AfterViewInit {
   }
 
   public touchEnd(event: TouchEvent): void {
+    event.preventDefault();
 
     if (GameComponent.isMobile) {
       setKeyPressed('a', false);
@@ -144,6 +145,8 @@ export class GameComponent implements AfterViewInit {
   }
 
   touchStart(event: TouchEvent) {
+    event.preventDefault();
+
 
     const {clientX, clientY} = event.touches[0];
     const canvasTouch = GameComponent.translateTouchToCanvasPosition(clientX, clientY, this.cameraCanvas!.nativeElement);