100% width 100% height HTML5 build

I’m trying to make this so that a game can take up the full screen of the html window, but not having success. I want basically “fullscreen” app without going into browser fullscreen mode, and for the game canvas to take up 100% width and height.

http://jsfiddle.net/jaredwilli/qFuDr/

Also it appears that these in game.project for “Build and Launch HTML” and making bundled builds are being ignored completely.

[html5]
htmlfile = /targets/html5/engine_template.html
cssfile = /targets/html5/development.css
splash_image = /targets/html5/splash_image.png

Testing on blank project and it’s working better… I think things get messed up because I have custom render settings… trying more things.

So it’s working now?

Not yet. I’ll share new css and html for 100% fit when it is. I’ve got a vanilla project to work, but custom render breaks down. Still need to do more testing to know what is wrong.

1 Like

@sven was working with HTML5 resizing last week. This might be something that will be possible/easier in the next release, or sven could tell you more about how to do it right away :slight_smile:

// J

4 Likes

In the upcoming release there will be some fixes internally in the engine to handle custom canvas sizes, but also better handling of fullscreen. :thumbsup:

5 Likes