WIP Hi-DPI support on HTMl5

[grant]

I attached a modified version of html5game.js that has some modifications that enable hi-DPI support on HTML5. The modifications are marked with "grant Hi-DPI edit". It checks if the browser scaling (window.devicePixelRatio) has changed on each frame, so it will detect if the DPI changes mid game.

Also I added this line to the head tag of CerberusGame.html

<meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

 

[MikeHart]

Does this effect performance and devices with no high-dpi support?

Edit: I guess not.

 

[MikeHart]

I wish you would have added your changes to the latest version of the html5games.js file. :-/

 

[grant]

I see you got the latest version up for Mac yesterday. I'll grab it before my next changes.

 

[MikeHart]

Thanks, I have added it here:

cerberusxdev/cerberus

Cerberus X - A cross platform game programming language. - cerberusxdev/cerberus

github.com

 

[MikeHart]

As nobody mentioned any problems, I moved it to the develop branch.

 

[MikeHart]

So, had time to test this more properly. Resizing a browser window or pulling the splitter in the window scaled up the canvas to an unusable size. Not good. Touch coordinates also report back wrong.