From 483ea7cc549bb2919b5c2568d41c99a1c0150dd4 Mon Sep 17 00:00:00 2001 From: Nathan Kunicki Date: Tue, 8 Mar 2016 17:49:38 -0600 Subject: [PATCH] Added fullscreen API| --- examples/pong/index.html | 13 +++++++++++++ examples/pong/pong.js | 7 +++++++ package.json | 2 +- src/classes/game.js | 28 ++++++++++++++++++++++++++++ 4 files changed, 49 insertions(+), 1 deletion(-) diff --git a/examples/pong/index.html b/examples/pong/index.html index a086423..11840ac 100644 --- a/examples/pong/index.html +++ b/examples/pong/index.html @@ -3,6 +3,19 @@ Pong - MomentumEngine + diff --git a/examples/pong/pong.js b/examples/pong/pong.js index cb8c064..9ac6693 100644 --- a/examples/pong/pong.js +++ b/examples/pong/pong.js @@ -318,4 +318,11 @@ window.onload = function () { pong.start(); + document.addEventListener("keydown", function(e) { + if (e.keyCode == 13) { + pong.toggleFullScreen(); + } + }, false); + + }; \ No newline at end of file diff --git a/package.json b/package.json index 7bb42a7..619ee23 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "momentumengine", - "version": "0.3.0", + "version": "0.4.0", "description": "An ES6 game and animation engine.", "main": "src/es6.js", "repository": { diff --git a/src/classes/game.js b/src/classes/game.js index 7875f34..62cd85b 100644 --- a/src/classes/game.js +++ b/src/classes/game.js @@ -205,6 +205,34 @@ class Game extends Entity { } + toggleFullScreen () { + + if (!document.mozFullScreen && !document.webkitFullScreen) { + + if (this.canvas.mozRequestFullScreen) { + this.canvas.mozRequestFullScreen(); + } else { + this.canvas.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); + } + + } else { + + if (document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else { + document.webkitCancelFullScreen(); + } + + } + + } + + + get isFullScreen () { + return (!document.mozFullScreen && !document.webkitFullScreen); + } + + }