✍️

This guide is created by fath11 from Gandi IDE community.

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.