nkellenicki/momentumengine
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added fullscreen API|

Browse Source
This commit is contained in:
Nathan Kunicki 2016-03-08 17:49:38 -06:00
parent 68e205216f
commit 483ea7cc54
4 changed files with 49 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
examples/pong/index.html
View File

@ -3,6 +3,19 @@
<head>
<title>Pong - MomentumEngine</title>
<script type="application/javascript" src="./dist/pong.js"></script>
<style>
#canvas:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
#canvas:fullscreen {
width: 100% !important;
height: 100% !important;
}
</style>
</head>
<body>
<canvas id="canvas"></canvas>

7
examples/pong/pong.js
View File

@ -318,4 +318,11 @@ window.onload = function () {
pong.start();
document.addEventListener("keydown", function(e) {
if (e.keyCode == 13) {
pong.toggleFullScreen();
}
}, false);
};

2
package.json
View File

@ -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": {

28
src/classes/game.js
View File

@ -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);
}
}