Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles

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.

(1 edit)

Is there a way to embed my game onto my own site without having the itch.io fullscreen bar / link at the bottom of my screen?

Under Frame Options...I unselected the Fullscreen Button option...but the bar is still there.

Note: Most of my games are for elementary kids...and I don't want them accidentally going to 

itch.io...which is geared towards teens to adults.

Admin(+1)

We don't offer this as a feature right now. A link back to itch.io is what we ask for in exchange for hosting projects for free. If you have a budget available and are interested in an unbranded version of the embed you can send us an email at support@itch.io. Mention this comment in your email. Thanks

(+1)

Why does the "Fullscreen" option force my game into landscape mode?

Admin

the aspect ratio of your embed is used to set the orientation of the device. Which game is this, I can take a closer look to see if it's too aggressive (for example, you have a square game)

Cheers, it's here: https://cloakedninjas.itch.io/ruff-interview

It seems to be isolated to Android Chrome. Using chrome dev tools and simulating a mobile device doesn't affect it strangely. Perhaps something to do with the Fullscreen API ?

Also just tried Firefox on Android and that's working correctly, so yeah it's an issue with Android Chrome

I noticed something similar and submitted this issue: https://github.com/itchio/itch.io/issues/881

Can you add the option to make a flash game click to run instead of loading when the page loads, also can you make it so you can make it open in fullscreen when they click Run?

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