T
Tomi Kokkonen
Guest
Hi,
I have read some posts about scaling a game for different resolutions but they don't cover html5 on mobile. Our game is ready and we are polishing some final stuff. Target platform is HTML5 without WebGL and the game and the scaling works well on pc browsers. The problem comes when I open the game on mobile browser. I'm using an iPhone 6 and I know there is this 2x rendering system on iOS Safari so that it says to web page that resolution is only quarter of what it is actually. Because of this, our game looks very blurry on mobile devices and is shown in lower resolution than necessary.
The game uses rooms with size of 500 x 746 pixels. We show the whole room and scale the window down if necessary, so that it fits in a browser view. (Application surface is always 500 x 746 pixels)
How do I get the best result with mobile browsers when my game needs to be scaled down?
I have read the official blog post in http://www.yoyogames.com/blog/67 and I'm using modified version of code from there. The post doesn't speak about mobile platforms and that they give you "incorrect" browser_width values.
I have read some posts about scaling a game for different resolutions but they don't cover html5 on mobile. Our game is ready and we are polishing some final stuff. Target platform is HTML5 without WebGL and the game and the scaling works well on pc browsers. The problem comes when I open the game on mobile browser. I'm using an iPhone 6 and I know there is this 2x rendering system on iOS Safari so that it says to web page that resolution is only quarter of what it is actually. Because of this, our game looks very blurry on mobile devices and is shown in lower resolution than necessary.
The game uses rooms with size of 500 x 746 pixels. We show the whole room and scale the window down if necessary, so that it fits in a browser view. (Application surface is always 500 x 746 pixels)
How do I get the best result with mobile browsers when my game needs to be scaled down?
I have read the official blog post in http://www.yoyogames.com/blog/67 and I'm using modified version of code from there. The post doesn't speak about mobile platforms and that they give you "incorrect" browser_width values.