🤑 Indie game store🙌 Free games😂 Fun games😨 Horror games
👷 Game development🎨 Assets📚 Comics
🎉 Sales🎁 Bundles

More embed options for HTML5 games

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.

New theme options

In addition to the new options about how your project is embedded, we added some new theme options for how the embed appears.

You can configure the frame where your game appears before it has been loaded with a background image and a color gradient.


Take a look at the page for X-Moon 2 for an example.

Enjoy

Support this post

Did you like this post? Tell us

Leave a comment

Log in with your itch.io account to leave a comment.

Thanks

(+1)

Thanks. 

It would also be nice if we have an option to directly launch an HTML5 game in a full screen mode, without landing the game page first.  For example,  https://lines.frvr.com/

Admin

Thanks for the idea. I don't think we're going to add that since we want people to have an opportunity for people to have access to the itch.io user interface.

(+1)

Awesome additions, thanks for all the work :)

Mentioned in this post

GIF
Journey to the depth of the void to regain lost energy
Action
Play in browser