Deploying HTML5 Game to Mobile

There are a number of ways to deploy HTML5 games and apps to mobile. So far Booty5 has been tested using the following methods:

Web – This is where you deploy HTML / JavaScript and other assets to a web server. The visitor visits the web site on a mobile device using the devices web browser. Using this method you usually have problems with full screen and lower frame rates. In addition some browsers are slower than others, for example the default Android browser is in the region of 10x slower than Google Chrome on Android
Package app using Ludei CocoonJS – Your HTML / JavaScript and assets are packaged into a native app which uses a highly optimised custom native web view to run your HTML5 app as well as provides additional API’s that provide access to various device, social and monetisation features .This method allows you to submit your game to the app stores
Package app using the Intel XDK – Your HTML / JavaScript and assets are packaged into a native app which uses a native web view to run your HTML5 app as well as provides additional API’s that provide access to various device features .This method allows you to submit your game to the app stores
Deployment to an Android device via Droidscript

To deploy your game to the web simply follow these steps:

Hit Run from Booty5 game maker, this will export an html folder into your project folder
Navigate to the html sub folder in explorer exported from Booty5, copy all files and folders within that folder into your web space
Navigate to your web space using a web browser to run your game (index.html)

To deploy your game using Ludei’s CocoonJS simply follow these steps:

Hit Run from Booty5 game maker, this will export an html folder into your project folder
Navigate to the html sub folder, select all files within the folder and add them to a zip file
Visit the Ludei website and go to your projects sections and create a new project or edit an existing project
Select the “Compile a project” action from the left hand menu
Drag the zip file that you created earlier onto the “Zip File” section
Select which platforms you would like to deploy your app to then click the “Compile Project” button
After a few minutes your project will be compiled, at which point you can download it from the projects section

To deploy your game using Intel XDK simply follow these steps:

Hit Run from Booty5 game maker, this will export an html folder into your project folder
Launch Intel XDK and create a new blank project
Navigate to the html sub folder in explorer exported from Booty5, copy all files and folders within that folder into the www sub folder of your created Intel XDK project
In Intel XDK select the Test tab and follow the instructions to install your app to device

To deploy your game to Droidscript, you must firstly grab a copy of Droidscript for your device from Google Play and run it:

Run Droidscript on your device
Make sure that you have downloaded and installed the Booty5 plugin for Droidscript
Press the wifi button on the app (ensure that no password is set by disabling password in the apps settings)
In Booty5 project settings make sure that the wi-fi address that the app showed you is entered correctly into the Host text box and that the Droidscript checkbox is enabled
Press run or debug button in Booty5, the app will now be copied to the device and ran
To stop the app press the stop button in Booty5
To see debug output you will need to open a desktop browser then visit the same wifi url that you entered into Booty5 Host settings then click the Debug tab over on the top right

11,874 total views, 3 views today

Create HTML5 games and Flash Style Animations easily for free