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

Deploying to the Web

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)

Deployment with Ludei CocoonJS

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

Deployment with Intel XDK

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

Deployment with Droidscript

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

1,867 total views, 2 views today