fath11 YouTube channel: https://www.youtube.com/@fath11encoded/featured
fath11 Cocrea: https://cocrea.world/@Fath11
fath11 Scratch account: https://scratch.mit.edu/users/fath11/
I have seen enough lousy embeds that I made this doc, if you follow me correctly, your embed will look something like this:
A nice cinematic embed that fits perfectly with Gandi IDE screen resolution.
Steps 1 to 4 will be how to download the HTML embed for your Gandi game, if you already know how to do it, you can skip step 5.
I also have some extra tips for you that you can check out here.
So without further ado, let's start!
Step 1
Open your project page and click the share button below your project, as shown by the red arrow.
Step 2
This popup will appear, click on the Embed Button.
Step 3
Then click on the stage card.
Step 4
A download HTML file button will appear, click on it. It is also fine if you want to hide the title and creator.
Step 5
Open the file manager and right-click on your HTML file. Then click open with, and Visual Studio Code. If you don’t have VSCode, you can use Notepad (any version is fine).
Step 6
After that, you need to look for this specific line on line 27 as shown above.
Step 7
Change 800px to 1330px, and 506px to 690px. CTRL/Cmd + S to save and close VSCode.
Step 8
Open itch.io and create a new project. Make sure you give the project a title and look for this drop-down.
Change it to HTML.
Step 9
Scroll down and look for Embed options.
Change 640px to 1330px, and 360px to 690px as shown below.
Step 10
Upload your HTML file.
If you have multiple files, tick “This file will be played in the browser” at the file you want to be played in the browser.
The End
And that is it! It just takes a few more efforts, but the result will be amazing!
A nice clean silk game page will not only make your player's eye more comfortable but also could increase your player's impressions.
I also prepare some tips that you can follow below.
Bye bye!
Extra Tips
1. Don't tick the fullscreen button
There is a HUGE difference between itch.io fullscreen, and Gandi IDE built-in fullscreen, you can see it here:
itch.io:
Gandi ide:
2. Don’t turn on automatically run on fullscreen!
When the game is run, itch.io will automatically run on fullscreen and you will get that ugly fullscreen
Instead, just leave it on Embed in the page setting
3. Add Screenshots and a cover image
You are encouraged to add screenshots and a cover image. It could make your game stand out and also give your player an idea of what the game is about.
On your game page, you can set the screenshots layout to a sidebar
4. Add a background and customize your game page
As you can see, you can make your game page looks A LOT nicer.
That is all the tips I got for you, now you can stop being this person
And be a much better person
I wish you luck on your game jam, I’ll see you later, bye-bye!