Implement fullscreen

Author: k00lagin

raylib.js

@@ -34,6 +34,7 @@ class RaylibJs {
     #reset() {
         this.previous = undefined;
         this.wasm = undefined;
+        this.htmlCanvasElement = undefined;
         this.ctx = undefined;
         this.dt = undefined;
         this.targetFPS = 60;
@@ -60,8 +61,8 @@ class RaylibJs {
             return;
         }
 
-        const canvas = document.getElementById(canvasId);
-        this.ctx = canvas.getContext("2d");
+        this.htmlCanvasElement = document.getElementById(canvasId);
+        this.ctx = this.htmlCanvasElement.getContext("2d");
         if (this.ctx === null) {
             throw new Error("Could not create 2d canvas context");
         }
@@ -117,6 +118,18 @@ class RaylibJs {
         return false;
     }
 
+    IsWindowFullscreen() {
+        return document.fullscreenElement && document.fullscreenElement === this.htmlCanvasElement;
+    }
+
+    ToggleFullscreen() {
+        if (this.IsWindowFullscreen()) {
+            document.exitFullscreen()
+        } else {
+            this.htmlCanvasElement.requestFullscreen();
+        }
+    }
+
     SetTargetFPS(fps) {
         console.log(`The game wants to run at ${fps} FPS, but in Web we gonna just ignore it.`);
         this.targetFPS = fps;