This guide will teach you how to export & compile with CocoonIO using Construct 3. Please note that C3 is currently in beta, the game can have bugs and issues. Don’t use Construct 3 for a live project yet.
At the moment only WebView+ / WebView is working fine. Canvas+ has some issue like screen flickering and a scaling issue. For more details see the Troubleshooting section below.
Some missconfiguration can lead to scaling & blackscreen issues. Please use the recommended project settings shown below.
Visit editor.construct.net and open your project. Then go to “Menu” -> “Project” -> “Export”.
[creativ_button url=”https://editor.construct.net/” icon=”cog” label=”Launch Construct 3″ colour=”dark-gray” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]
Choose Android or iOS depending on which platform you want to build.
Set your export options (checked ticks in screenshot are recommended, the script minifing can lead to issues in cocoon)
Depending on your project size the built can take a while. Once it’s ready click the “Download [Project Name].zip” URL in order to download your cordova export.
To make the C3 export working you need to adjust the archive file structure. So first unzip the cordova export.
Then enter your unzipped folder and delete the “config.xml” and the “config.json” file from it.
Then enter the “www” folder and zip the remaining content (use WinRar) and upload this file to Cocoon.
Please find a guide here.
[creativ_button url=”https://shatter-box.com/knowledgebase/cocoonio/” icon=”cog” label=”Build with CocoonIO” colour=”blue” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]
Please find the c3 sample project attached.
In this section we will inform you about known issues and fixes (if available yet).
The scaling issue happens only while using Canvas+ as WebView engine. WebView+ is working fine though (if you set the right settings in your Construct 3 project).