It is 100% possible to change the size of your html5 arcade game!


Alright this isn't a perfect option, but for some it may work as a solution.

Check out this arcade title that I have resized.
http://pixelnautgames.com/iframetest/

simply use the css available within this post below, it seems to be compatible with all latest browser versions.

simple add a style=" zoom: 2.75;
-moz-transform: scale(2.75);
-moz-transform-origin: 0 0;
-o-transform: scale(2.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(2.75);
-webkit-transform-origin: 0 0;"

within the > brackets and change the scale numbers to suit your needs.

More information can be found:

http://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe

As you can see there is a bit of image pixelization, but maybe that is due in part to the assets of the project?
Not sure. But it's a pretty fun trick so play around with it.



Comments

Sign In or Register to comment.