Camera: Center camera properly on resize

client/src/Game.ts

@@ -50,6 +50,8 @@ export class Game {
   private static wrappedTextCache: { [key: string]: [string, number, number] } =
     {};
   private static resizeTimer: NodeJS.Timeout;
+  private static oldWidth: number;
+  private static oldHeight: number;
 
   private constructor() {}
 
@@ -176,6 +178,8 @@ export class Game {
       clearTimeout(this.resizeTimer);
 
       this.resizeTimer = setTimeout(() => {
+        this.oldWidth = this.canvas.width;
+        this.oldHeight = this.canvas.height;
         this.canvas.width = window.innerWidth;
         this.canvas.height = window.innerHeight;
         if (this.currentScene) {
@@ -594,6 +598,14 @@ export class Game {
     return this.canvas.width;
   }
 
+  public static getOldHeight(): number {
+    return this.oldHeight;
+  }
+
+  public static getOldWidth(): number {
+    return this.oldWidth;
+  }
+
   public static getCanvasContext() {
     return this.canvasContext;
   }

client/src/scene/Scene.ts

@@ -133,6 +133,14 @@ export abstract class Scene {
 
   public restoreCamera() {
     this.camera = Camera.fromCamera(this.oldCamera);
+    // Shift the camera position to account for our new window size (We do this for alignment)
+    const wDiff = Game.getWidth() - Game.getOldWidth();
+    const hDiff = Game.getHeight() - Game.getOldHeight();
+
+    this.camera.setPosition(
+      this.camera.getX() + wDiff / 2,
+      this.camera.getY() + hDiff / 2
+    );
   }
 
   public sortSceneObjects() {