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:
- Click the Share button
- Choose Embed and download HTML file
But you might realize it’s a little small.
The way to fix this is:
- Open with Notepad (or any text editor)
- Replace this:
width: 100%;
height: 100%;
}
with this:
width: 100vw;
height: 100vh;
}
- Nice! Now replace this
<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)
<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:
- Your project must be public at all times
- It is an embed, so it can not be used offline.
- 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:
- Your project must be public at all times
- It is an embed, so it can not be used offline.
- 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:
- Your project must be public at all times
- It is an embed, so it can not be used offline.
- 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!