More embed options for HTML5 games

Posted January 22, 2018 by leafo

HTML5 games & projects get an update today with new options for how projects are embedded and some new theme editing tools.

New embedding options

From your project's edit page you'll find a new section for configuring how your project is embedded.

Here's what's:

You can configure your project to always be click to play. Give players a chance to read about your game before they dive in. Newly created projects will default to using click to play. Some game engines can lock up the browser when loading, so this can be used to prevent the page freezing on load.
In addition to manually specifying a size, we now have size auto-detection for certain game engines. At the moment it only works with Unity HTML5 games, but we plan to add more engines. If you have any recommendations leave a comment.
We've added a new maximized mode for launching games. This causes your game to be click to play, and when the game is started it takes up the entire browser viewport. Any game that would like to present itself only as a full screen experience can benefit from this. (Maximized does not cover up the browser's UI like fullscreen mode)

In addition, we've fixed a few bugs and changed how games are launched on mobile.

Fullscreen games should now work on iOS. The browser fullscreen API does not exist on iOS devices so now we fallback to maximized mode.
On mobile devices, games will always be click to play and will always launch to fullscreen mode. If "Mobile friendlly" is not checked, then mobile devices will show a compatibility warning, but will still launch in the same way. In the past we had some rules about making the game frame responsive but we found that this caused more trouble than value. If this change affects your project negatively then send us a message or leave a comment.