Right way to manage stage size for web and mobile
I need to have a single code for web and mobile client. I wrote something lie this:
var renderer;
var stage;
window.onload = function() {
var w = screen.width;
var h = screen.height;
stage = new PIXI.Container();
renderer = PIXI.autoDetectRenderer(w, h);
document.body.appendChild(renderer.view);
}
In my desktop (FullHD screen) w = 1536, h = 864, window.devicePixelRatio = 1.25, but it work correctly.
In my android device (HD screen) w = 360, h = 640, window.devicePixelRatio =
http://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html
#3: Using window.innerWidth and window.innerHeight to compute anything