• Hey! Guest! The 40th (!!!) GMC Jam will take place between February 25th, 12:00 UTC to March 1st 12:00 UTC. Why not join in this very special anniversary jam! Click here to find out more!
  • Hello [name]! Thanks for joining the GMC. Before making any posts in the Tech Support forum, can we suggest you read the forum rules? These are simple guidelines that we ask you to follow so that you can get the best help possible for your issue.

HTML5 Replace/Extend index.html to allow Fullscreen. Also, Retina Support


I am new to game maker, but we just switched to it for an html5 web game project. Maybe still having trouble navigating the documentation, and couldn't resolve these issues:
My HTML5 game should run both on Desktop and Mobile Browsers and have the option to go full screen. Now, I've been following the Game Maker Tutorials on Screen Sizing, and that's all working fine, but I fail to get a solution to go full screen via a full-screen button in the game.

I found the solution to focus on the game and then press F10 in Firefox, but that doesn't work on mobile. I am looking for some helpful inputs on
1) How to replace the included index.html file with an extended version, so I can use my own Javascript functions, and how to call Javascript (I only found old tutorials for GM Studio 1 only)
2) Other methods to go fullscreen via the Fullscreen API or at least the scrolling trick for iOS which removes the address bar.
3) And lastly, kind of unrelated, how to make the game render at retina resolution instead of the half-resolution is runs at by default.
Last edited: