Adding a kiosk mode that switches to full screen for you

pippinbarr · May 12, 2023 · 4dbca2e · 4dbca2e
1 parent ae82670
commit 4dbca2e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -112,20 +112,6 @@
 		};
 
 
-		document.addEventListener(
-			"keydown",
-			(e) => {
-				if (e.key === "f") {
-					fullScreen();
-				}
-			},
-			false
-		);
-
-		function fullScreen() {
-			game.scale.fullScreenScaleMode = Phaser.ScaleManager.EXACT_FIT;
-			game.scale.startFullScreen(false);
-		}
 	</script>
 
 	<!-- FOR PIPPINBARR.COM -->

diff --git a/js/Menu.js b/js/Menu.js
@@ -8,6 +8,24 @@ BasicGame.Menu.prototype = Object.create(BasicGame.Snake.prototype);
 
 let games = [];
 BasicGame.Menu.prototype.create = function () {
+	if (mode === `kiosk`) {
+		document.addEventListener(
+			"keydown",
+			(e) => {
+				fullScreen(e);
+			},
+			false
+		);
+
+		function fullScreen(e) {
+			if (e.keyCode === 13 && !game.scale.isFullscreen) {
+
+				game.scale.fullScreenScaleMode = Phaser.ScaleManager.EXACT_FIT;
+				game.scale.startFullScreen(false);
+			}
+		}
+	}
+
 	this.strings = this.cache.getJSON(`strings`);
 	const keys = Object.keys(this.strings.snakes);
 	keys.sort();