Adding HdpiManager to start and scale from a default resolution that is correct by default for the game.

Fixing VirtualJoystick on resize.

front/src/Phaser/UserInput/PinchManager.ts

@@ -1,22 +1,20 @@
 import {Pinch} from "phaser3-rex-plugins/plugins/gestures.js";
+import {waScaleManager} from "../Services/WaScaleManager";
 
 export class PinchManager {
     private scene: Phaser.Scene;
     private pinch!: any; // eslint-disable-line
-    
+
     constructor(scene: Phaser.Scene) {
         this.scene = scene;
         this.pinch = new Pinch(scene);
 
         this.pinch.on('pinch', (pinch:any) => { // eslint-disable-line
-            let newZoom = this.scene.cameras.main.zoom * pinch.scaleFactor;
-            if (newZoom < 0.25) {
-                newZoom = 0.25;
-            } else if(newZoom > 2) {
-                newZoom = 2;
-            }
-            this.scene.cameras.main.setZoom(newZoom);
+            waScaleManager.zoomModifier *= pinch.scaleFactor;
         });
     }
-    
-}
+
+    destroy() {
+        this.pinch.removeAllListeners();
+    }
+}

front/src/Phaser/UserInput/UserInputManager.ts

@@ -59,7 +59,7 @@ export class UserInputManager {
             this.initVirtualJoystick();
         }
     }
-    
+
     initVirtualJoystick() {
         this.joystick = new MobileJoystick(this.Scene);
         this.joystick.on("update", () => {
@@ -171,4 +171,8 @@ export class UserInputManager {
     removeSpaceEventListner(callback : Function){
         this.Scene.input.keyboard.removeListener('keyup-SPACE', callback);
     }
+
+    destroy(): void {
+        this.joystick.destroy();
+    }
 }