From PuzzleScript (or any other HTML5 game) to native iOS (or any other mobile device) using FREE Adobe PhoneGap Cloud service

If you made an HTML5 game, sooner or later you will want to port it to mobile devices, not just as a web app, but as a native app.

Adobe PhoneGap allows you to do in no time for free, without even installing anything on your computer, thanks to its cloud service.

Let’s have a look at it.

PhoneGap is a free and open source framework that allows you to create mobile apps using HTML, CSS, and JavaScript. You can have it installed and running on your computer, or you can try the free but upgradable cloud service which takes the pain out of compiling PhoneGap apps and maintaining native SDKs.

I am going to test the service with BWBan game made with PuzzleScript with the jQuery virtual pad I made.

In order to use the free cloud service, you need to upload your project to GitHub.

I’ll guide you through this process in case you don’t know how to configure it.

Once you register to GitHub, you have to create a new repository from this page, click on repository tab and “New” button.

Then just enter the name of the repository, don’t touch anything else and click on “Create repository” button.

That is. Now your GitHub repository is ready to be used from PhoneGap. Now it’s time to add contents. You will need to download a Git client, I suggest this one.

Open Git Bash, basically a text propmpt, and enter the following commands to upload your previously compiled PuzzleScript game.

And we are done with Git too. Now, head to PhoneGap and choose to try the cloud compiler

Choose the free plan as we are only testing the service. It will require a GitHub repo, and that’s why we did it.

Enter the pah of the .git file you just created from the Git Bash…

… and let it fetch the repository.

At this time give your project a name, a description and click on “Ready to build” button.

You’ll probably run into some errors because you did not upload certificates for some builds. Click on the name of your project

Here is where you can upload keys and certificates. If you don’t know how to get them, read my post Creation of an iPhone App with Flash and without a Mac (for all Windows lovers) and upload them.

Finally, here is my working PuzzleScript game running on my iPhone 5. If you don’t know how to install an app to your iPhone, you can still check the post Creation of an iPhone App with Flash and without a Mac (for all Windows lovers).

As you can see, there’s still something to do… the game has no custom icon, no custom splash screen and the status bar is visible. I’ll show you how to fix it next week.

Get the most popular Phaser 3 book

Through 202 pages, 32 source code examples and an Android Studio project you will learn how to build cross platform HTML5 games and create a complete game along the way.

Get the book

214 GAME PROTOTYPES EXPLAINED WITH SOURCE CODE
// 1+2=3
// 100 rounds
// 10000000
// 2 Cars
// 2048
// A Blocky Christmas
// A Jumping Block
// A Life of Logic
// Angry Birds
// Angry Birds Space
// Artillery
// Astro-PANIC!
// Avoider
// Back to Square One
// Ball Game
// Ball vs Ball
// Ball: Revamped
// Balloon Invasion
// BallPusher
// Ballz
// Bar Balance
// Bejeweled
// Biggification
// Block it
// Blockage
// Bloons
// Boids
// Bombuzal
// Boom Dots
// Bouncing Ball
// Bouncing Ball 2
// Bouncy Light
// BoxHead
// Breakout
// Bricks
// Bubble Chaos
// Bubbles 2
// Card Game
// Castle Ramble
// Chronotron
// Circle Chain
// Circle Path
// Circle Race
// Circular endless runner
// Cirplosion
// CLOCKS - The Game
// Color Hit
// Color Jump
// ColorFill
// Columns
// Concentration
// Crossy Road
// Crush the Castle
// Cube Jump
// CubesOut
// Dash N Blast
// Dashy Panda
// Deflection
// Diamond Digger Saga
// Don't touch the spikes
// Dots
// Down The Mountain
// Drag and Match
// Draw Game
// Drop Wizard
// DROP'd
// Dudeski
// Dungeon Raid
// Educational Game
// Elasticity
// Endless Runner
// Erase Box
// Eskiv
// Farm Heroes Saga
// Filler
// Flappy Bird
// Fling
// Flipping Legend
// Floaty Light
// Fuse Ballz
// GearTaker
// Gem Sweeper
// Globe
// Goat Rider
// Gold Miner
// Grindstone
// GuessNext
// Helicopter
// Hero Emblems
// Hero Slide
// Hexagonal Tiles
// HookPod
// Hop Hop Hop Underwater
// Horizontal Endless Runner
// Hundreds
// Hungry Hero
// Hurry it's Christmas
// InkTd
// Iromeku
// Jet Set Willy
// Jigsaw Game
// Knife Hit
// Knightfall
// Legends of Runeterra
// Lep's World
// Line Rider
// Lumines
// Magick
// MagOrMin
// Mass Attack
// Math Game
// Maze
// Meeblings
// Memdot
// Metro Siberia Underground
// Mike Dangers
// Mikey Hooks
// Nano War
// Nodes
// o:anquan
// One Button Game
// One Tap RPG
// Ononmin
// Pacco
// Perfect Square!
// Perfectionism
// Phyballs
// Pixel Purge
// PixelField
// Planet Revenge
// Plants Vs Zombies
// Platform
// Platform game
// Plus+Plus
// Pocket Snap
// Poker
// Pool
// Pop the Lock
// Pop to Save
// Poux
// Pudi
// Pumpkin Story
// Puppet Bird
// Pyramids of Ra
// qomp
// Quick Switch
// Racing
// Radical
// Rebuild Chile
// Renju
// Rise Above
// Risky Road
// Roguelike
// Roly Poly
// Run Around
// Rush Hour
// SameGame
// SamePhysics
// Save the Totem
// Security
// Serious Scramblers
// Shrink it
// Sling
// Slingy
// Snowflakes
// Sokoban
// Space Checkers
// Space is Key
// Spellfall
// Spinny Gun
// Splitter
// Spring Ninja
// Sproing
// Stabilize!
// Stack
// Stick Hero
// String Avoider
// Stringy
// Sudoku
// Super Mario Bros
// Surfingers
// Survival Horror
// Talesworth Adventure
// Tetris
// The Impossible Line
// The Moops - Combos of Joy
// The Next Arrow
// Threes
// Tic Tac Toe
// Timberman
// Tiny Wings
// Tipsy Tower
// Toony
// Totem Destroyer
// Tower Defense
// Trick Shot
// Tunnelball
// Turn
// Turnellio
// TwinSpin
// vvvvvv
// Warp Shift
// Way of an Idea
// Whack a Creep
// Wheel of Fortune
// Where's my Water
// Wish Upon a Star
// Word Game
// Wordle
// Worms
// Yanga
// Yeah Bunny
// Zhed
// zNumbers