-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathgameResize.js
27 lines (21 loc) · 1007 Bytes
/
gameResize.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
///Inject this code after "game" is defined into phaser games to make the window fit its container
function resize() {
var w = window.innerWidth;
var h = window.innerHeight;
var scale = Math.min(w / config.width, h / config.height);
game.canvas.setAttribute('style',
' -ms-transform: scale(' + scale + '); -webkit-transform: scale3d(' + scale + ', 1);' +
' -moz-transform: scale(' + scale + '); -o-transform: scale(' + scale + '); transform: scale(' + scale + ');' +
' transform-origin: top left; image-rendering: -moz-crisp-edges;image-rendering: -webkit-crisp-edges;image-rendering: pixelated;image-rendering: crisp-edges;'
);
width = w / scale;
height = h / scale;
game.resize(width, height);
game.scene.scenes.forEach(function (scene) {
scene.cameras.main.setViewport(0, 0, width, height);
});
}
window.addEventListener('resize', resize);
if(game.isBooted) resize();
else game.events.once('boot', resize);
resize()