Disclaimer: This guide was originally written by Andy Reitberger. It has been published here with his consent. If yo want to access the original article you can do it clicking here.
If you are using the Cocoon Plugins in your Construct 2 project the “Preview in your Browser” feature does not work anymore as they are mobile platforms only plugins so to test and debug your application you need to use a Cocoon Developer App.
You can create a developer app for each project at cocoon.io.
Click on “Compile Developer App”. This may take a while. Once the app is ready you can download it clicking on the compilation download icon. Notice that when it’s a Developer App compilation the icon has a wrench small icon in the top right corner.
You will also get a notification via mail. Then you can download the Developer App directly to your phone and install it (most devices are working with the ARM version).
How to debug your game
Important: Before you are doing following steps make sure that you have installed the Developer App on your device.
Open your project you want to debug with Construct 2 and export it to Cordova. Open the folder where you exported the files.
- Delete: intelxdk.config.additions.xml
- Delete: config.xml
The plugin information are already included in the Developer App, so you don’t need those two files above.
Important: This issue should be fixed in the latest beta version of Construct 2 (r211) or higher.
Due a bug we also need to adjust the c2runtime.js file. You’ll find more information here.
- Open the ‘c2runtime.js’ file with an editor of your choice
- Search for the following line:
this.isRetina = ((!this.isDomFree || this.isEjecta) && this.useHighDpi && !this.isAndroidStockBrowser);
and replace it with this one:
this.isRetina = ((!this.isDomFree || this.isEjecta || this.isCocoonJs) && this.useHighDpi && !this.isAndroidStockBrowser);
Then save the file.
Zip the files
If you have performed all steps above you can zip the content and upload it to your test device (where the developer app is installed).
Alternatively you also can upload the zip file to a web server and load it via an URL.
Then choose the engine you want to use. We recommend Canvas+ due it’s awesome performance.
In the upper left corner you can check the current performance (FPS, frames per second).
Now you’re able to debug your app without compiling it. This makes the whole process much easier than compiling each changes.
The Developer App comes along with a debug console. There you can see the log (Warnings & Errors).