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.

Prepare the game

Basically you don’t need to make adjustments to your project if you already used Cordova plugins (for example from cranberrygame). You can directly export it the way it is.

If you want to compile for Canvas+ (what I recommend) you must replace all “Browser” functions like “Close Browser” with the events and actions provided by the new Atomic Plugin ‘CocoonCanvasplus’.

Open your project in Construct 2 and choose “Cordova” as exporter.

c2_build_cordova

Uncheck ‘Minify Script’.

c2_build_cordova_options

You can leave the default settings. Just confirm and export it.

c2_build_cordova_options2

Important! There is a bug in the c2runtime.js file. Please check this guide to see how to fix it.

Then open the the export folder and open the ‘config.xml’ file with an editor of your choice and search for:

For example:

c2_build_config

Copy all your plugins into an additional text file. We’ll need the code in the next step.

 Important: You need to do this only on the first time, or if you have added a new plugin to your project.

Now delete following files.

  • config.xml (make sure you’ve copied the plugins)
  • intelxdk.config.additional.xml

Eventually zip all remaining files. This zip file is for uploading in the next step.

Create a new project

Login in the Cocoon cloud in and create a new project by uploading the zip file from the previous step. Just Drag’n’Drop the ZIP file in the area ‘Drop ZIP or Upload’.

Screen Shot 2015-12-31 at 10.31.50

Your project will then be created. After that, open the project and visit the “Settings” tab and enter your details.

Important: Don’t forget to save the settings by clicking the small icon in the right bottom corner.

Now go to the ‘config.xml’ tab and search for the last closing platform tag.

c2_build_cocoon_config-1024x516

Under this closing tag you need to insert the copied plugin tags from the old config.xml file, remember? Additionally you can add the plugins at the ‘Plugin’ tab, but this way works faster. My old plugin tags are looking like this, but you must adjust the links the way shown below.

In the example before:

Save the changes. If you check the ‘Plugins’ tab now, then you can find the added plugins also there.