Logo
  • Features
  • Educators
  • What's New
  • Blog
  • Showcase
  • About us
  • Contact
Try it now!
How to Compile Your Gandi IDE Game to Separate Formats?
💾

How to Compile Your Gandi IDE Game to Separate Formats?

✍️
This tutorial is created by PuzzlingGGG from Gandi IDE community.
image

PuzzlingGGG Cocrea: https://cocrea.world/@PuzzlingGGG PuzzlingGGG Scratch: https://scratch.mit.edu/users/puzzlingGGG

Hello, this tutorial will teach you how to convert your Gandi IDE games to several formats.

You MUST understand how to use files on your computer, so it is a bit tough.

For this example we will use Reen+.

HTML

By far the easiest, follow this:

  1. Click the Share button
image
  1. Choose Embed and download HTML file
image

But you might realize it’s a little small.

image

The way to fix this is:

  1. Open with Notepad (or any text editor)
image
  1. Replace this:
🗒️
#iframe-cocrea::-webkit-full-screen { width: 100%; height: 100%; }

with this:

🗒️
#iframe-cocrea { width: 100vw; height: 100vh; }
  1. Nice! Now replace this
🗒️
<body> <iframe id="iframe-cocrea" width="800px" height="405px" src="https://cocrea.world/embed/1646321157241634817?type=player&showCreator=true&showOperating=false" title="Reen+/Scratch project hosted on Cocrea." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe> </body>

with this: (delete width and height)

🗒️
<body> <iframe id="iframe-cocrea" src="https://cocrea.world/embed/1646321157241634817?type=player&showCreator=true&showOperating=false" title="Reen+/Scratch project hosted on Cocrea." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe> </body>

Now it is fullscreen, press F11, and you’re good!

Windows

Make the HTML above and name it project.html.

Download NW.js windows version: https://dl.nwjs.io/v0.76.1/nwjs-v0.76.1-win-x64.zip and extract it somewhere.

Add your project.html into the extracted folder, and make package.json

In package.json add this:

🗒️
{ "name": "project-name-no-spaces", "main": "project.html" }

And run NW.exe.

There you go! An EXE game from a Gandi project. But a few things:

  1. Your project must be public at all times
  2. It is an embed, so it can not be used offline.
  3. You can make edits to your project and it will apply there as well.

macOS

Make the HTML above and name it project.html

Download NW.js Mac version: https://dl.nwjs.io/v0.76.1/nwjs-v0.76.1-osx-x64.zip and extract it somewhere.

Add your project.html into the extracted folder, and make package.json

In package.json add this:

🗒️
{ "name": "project-name-no-spaces", "main": "project.html" }

And run nwjs.app/Contents/MacOS/nwjs

There you go! A Mac game from a Gandi project. But a few things:

  1. Your project must be public at all times
  2. It is an embed, so it can not be used offline.
  3. You can make edits to your project and it will apply there as well.

Linux

Make the HTML above and name it project.html

Download NW.js Mac version: https://dl.nwjs.io/v0.76.1/nwjs-v0.76.1-linux-x64.tar.gz and extract it somewhere.

Add your project.html into the extracted folder, and make package.json

In package.json add this:

🗒️
{ "name": "project-name-no-spaces", "main": "project.html" }

And run nw

There you go! A Linux game from a Gandi project. But a few things:

  1. Your project must be public at all times
  2. It is an embed, so it can not be used offline.
  3. You can make edits to your project and it will apply there as well.

If you want any other formats added here, @ PuzzlingGGG#2393 / GGG on the Gandi IDE discord server telling me the format / name.

Thank you for reading!

💡
If you have any questions or suggestions, you can find us in the discord channel: https://discord.gg/U3nyveCvRa
Logo

Designed by 2ndR with love

Discord