Jump and Run Platformer

Jump & Run

Love...

Thank you for purchasing one of our Assets! Here you’ll find all information needed about this Asset. If not, don’t hesitate to contact us!

The Game

The Jump & Run Template is a platformer basement.

Updates

Before you continue with reading the docs, please make sure that you are using the latest versions!

The Asset

We have released an update for our game template Jump & Run. Please make sure that you have downloaded the latest version from scirra. Just click on the button below in order to get to your Download Area on Scirra.

[creativ_button url=”https://goo.gl/3AFr1I” icon=”download-alt” label=”My Downloads (Scirra)” colour=”green” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]

 

Construct 2

In order to follow the docs, please make sure that you have at least Construct 2 r227 installed. You can download the latest version here.

[creativ_button url=”https://wdbase.de/download/programme/download.html” icon=”download-alt” label=”Download Construct 2 (Scirra)” colour=”green” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]

 

Intel XDK

Please note that Intel XDK has been deprecated! See the statement of Intel below,

Important

Intel® XDK has been discontinued. Below are alternative resources for building mobile HTML5 applications with Apache Cordova* software. Intel offers a portfolio of tools to help IoT developers go from rapid prototyping to production. Try Arduino Create* for a streamlined prototyping experience and Intel® System Studio for an all-in-one development tool suite.

Read the full statement here.

https://software.intel.com/en-us/xdk

If you want to know how to build games with Intel XDK basically, you can follow our video tutorial over here.

[creativ_button url=”https://shatter-box.com/knowledgebase/cordova-how-to-build-a-game-usinge-construct-2/” icon=”facetime-video” label=”How to build with Intel XDK and Construct 2″ colour=”blue” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]

The Project

Open the Project

Our Template uses Cranberrygame’s Cordova Plugins (in the latest update). So in order to open the project you have to install the needed plugins first.

Used plugins are

  • Cordova IAP
  • Cordova Game
  • Cordova Power Management

Please download the plugins here. They are all included in this package.

Icon

Cranberrygame - Cordova Plugins 150 MB 3203 downloads

Download the awesome Cordova Plugin Package provided by Cranberrygame. The package...

If you don’t know how to install plugins, please check our doc here.

[creativ_button url=”https://shatter-box.com/knowledgebase/cordova-install-plugins-in-construct-2/” icon=”book” label=”How to install Plugins in Construct 2″ colour=”blue” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]

Add your ID’s

Some of the plugins need ID’s (like the AdMob Ads IDs). In order to add yours, please open the project with Construct 2 and select the corresponding plugin in the Projects Bar.

id_project_bar

AdMob Ad IDs

id_admob_ads

Replace “YOUR_ID” with your own AdMob ID.

[creativ_button url=”https://shatter-box.com/knowledgebase/admob-how-to-test-ads/” icon=”book” label=”How to Test your Ads” colour=”red” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]

InAPP Secret

id_iap_secret

You get your secret code from the Google Developer Console.

[creativ_button url=”play.google.com/apps/publish” icon=”list-alt” label=”Google Play Developer Console” colour=”orange” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]

Google Play Developer Console – Your App/Game – Services & APIs

zombie_iap_get_key

Google Play Game App ID

There is no need to add your APP ID in the Construct 2 project. This ID must be added later in the Intel XDK Project.

 

Export your Game

If you want to build a mobile game using our Jump and Run template, please follow the steps shown below.

Export to Cordova

c2_Cordova_Export

Select “Cordova” as platform.

c2_Cordova_Export_path

Uncheck “Minify script”.

c2_Cordova_Export_new_format

Check “Use new Intel XDK project format”. If you don’t have this option, update Construct 2 to r227 or higher.

 Adjust the Basement.xdk file

Unfortunately there is an issue with the Cordova Plugins. So we have to adjust the “YOUR GAME Basement.xdk” file before you import it to Intel XDK!

xdk_adjust_project_file

Open it with a Code Editor and search for the Cordova Plugins.

xdk_adjust_project_file_delete

Delete the selected code and save the file. Please note that the “,” is selected as well! Otherwise it breaks the file.

Import Project

Now switch to Intel XDK and import the project with “Open An Intel XDK Project”

intel_xdk_open_project

and select your “… Basement.xdk” file.

For a more detailed guide, please see here.

[creativ_button url=”https://shatter-box.com/knowledgebase/cordova-how-to-build-a-game-usinge-construct-2/” icon=”facetime-video” label=”How to build with Intel XDK and Construct 2″ colour=”blue” colour_custom=”” size=”medium” edge=”rounded” target=”_blank”]

Re-Add the Plugins

In order to add now the plugins we had to delete before, select your project and then go to “Plugin Management”.

xdk_plugin_section

Then click on the “+” symbol.

intel_xdk_import_plugins

Select Third-Party Plugins and then…

Cordova Game

Plugin Source: Cordova Plugin registry

Plugin ID: cordova-plugin-game

Then click on “Add Plugin”. You will then prompt to input your Google Play Game APP ID (only numeric!).

Cordova AdMob

Plugin Source: Cordova Plugin registry

Plugin ID: cordova-plugin-ad-admob

Then click on “Add Plugin”.

Cordova IAP

Plugin Source: Cordova Plugin registry

Plugin ID: cordova-plugin-payment-iap

Then click on “Add Plugin”.

Cordova Powermanagement

Plugin Source: Cordova Plugin registry

Plugin ID: cordova-plugin-powermanagement

Then click on “Add Plugin”.

 

The result should look like that.

xdk_plugin_section_result

Please note...

You only have to do this the first time! The plugins will not be overwritten if you export a new version from Construct 2.

Updated on May 6, 2018

Was this article helpful?

Related Articles

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.