Html5 export [Game Maker Studio 2 | Basics]

Channel:

1up Indie

Subscribers:

9,760

Published on July 28, 2021 2:15:58 AM ● Video Link: https://www.youtube.com/watch?v=95CiTScrY_E

Category:

Tutorial

Duration: 10:11

9,666 views

157

This basics video tutorials shows you what the issues are with Html5 exports.

Browsers are a different beast. They were and are used to display text in a html text form. To support this you have CSS to for modern styles to apply. This only allows the browers to display our current websites. To have some injections, apply changes etc. you need additional "tools" like javascript/php etc. to make dynamic changes to these "websites".

This is what GameMaker is doing when exporting your game to the Html5 standard. It outsources the instruction code in a javascript file and the resouces like sound and images are being put in that folder also to hotlink these back into the game being displayed in the browser. To even display correctly things on the screen WebGl is being injected (through javascript) to artifically use the graphics card. This comes with some drawbacks.

GameMaker Studio therefore applies a local (web) host on your browser if you want to test your htlm5 game/application. Manually opening the index.html is not working like shown in the video. XSS will block a lot to prevent harm being done to your system (even if you know this is not the case).

Tldr: Don't simply open the exported index.html file
- use a webserver applications like xampp, wamp or check it out in a itch.io project

Sources:
https://help.yoyogames.com/hc/en-us/articles/360011372851-HTML5-Warning-When-Running-Game-Locally-Via-index-html-File
https://help.yoyogames.com/hc/en-us/articles/216754008-Uploading-Your-HTML5-Game-To-A-Web-Host
https://help.yoyogames.com/hc/en-us/articles/216753978-Warning-when-running-HTML5-game-locally-via-html-file

WebGl:
https://en.wikipedia.org/wiki/WebGL

▶ Gamemaker Studio: https://www.yoyogames.com/get

♥ My free game Clunky souls:
https://1up-indie2.itch.io/clunky-souls
♥ My assets:
Get some assets at itch.io https://1up-indie2.itch.io/

♥ Support me and get fresh game art and game maker projects every month:
https://www.patreon.com/1upindie


Follow me on:
Instangram: https://www.instagram.com/1upindie
Twitter: https://twitter.com/1upIndie
Discord: https://discord.gg/gvr98nb


0:00 What the deal is with html for GameMaker
1:00 Subscribe
1:16 How to test your game for Html in GameMaker Studio 2
2:40 How it looks under the hood, html explained
3:55 Creating executables for html, the pitfall
5:16 Yoyo blog that shows the issue in detail
6:55 Testing your app in itch.io
7:45 WebGl, what is it that
8:42 Game shown: Mighty Goose