Learn how to make a complete commercial cross-platform HTML5 game: Globez fully commented source code released

It’s time to seriously learn HTML5 game development and in order for you to get the most knlowledge, I am going to give you some awesome tools, something you won’t find elsewhere.

I got some interesting revenue with my Flash Globez game which has also been ported to iOS, so I decided to sell the AS3 source code. A lot of readers got the source code and published their own games, but most of all learned how to create a full commercial Flash game.

Now, in HTML5 days, my Globez game got a new life with Sea Life Vs Mines which is being published by FGL and Christmas Quest, my Christmas 2014 game with 100 levels.

As you can see, it’s a game concept which you can easily turn into a more complex puzzle game rather than a quick drag and match arcade.

Today’s good news is I made a special HTML5 version of Globez game made with Phaser where every single line is completely commented in order for you to master HTML5 game development learning on an actual full game made with one of the best frameworks.

This is the game you are going to create, playable from your mobile device from this link:

If you are a long term reader of the blog, you should know I comment every single line of the code I publish, but just to give you an idea, this is an excerpt:

Did you find this code clear enough? The whole game is explained this way, and you will learn, among other things, how to:

* create and manage game states
* preload graphic assets, fonts and sounds
* show a loading bar
* create particle cascades and explosions
* add images and sprites
* manage group of images and sprites
* create animation tweens
* handle sprite sheets, also known as texture atlases
* create and trigger buttons
* handle click and finger inputs
* manage timed events
* play sounds
* scale the game to fit on any device
* cross-platform: create once, play everywhere
* pass variables through states
* use bitmap fonts
* and above all… create a complete game, from boot scene to game over scene

The game works with the latest version of Phaser, 2.5.0 at the moment, and will be updated to be up and running with each future version of Phaser.

This is an awesome opportunity for you to learn from an actual complete game, which comes in three tiers. Thanks to the experience made selling the AS3 version of the game, I am able to give you the best offer according to your needs.

If you are an experienced developer and simply want a game source code to edit and adapt it to fit your needs, you can have the uncommented source code at $9.99 only.

If you want the fully explained source code, as I recommend, you can have the full commented code at $19.99 only.

Finally, since I receive a lot of emails from people asking me to have a look at their source codes, I made another offer: while I really can’t look at someone else code, I can assist you in the making of a game if you start from my source code. With the top tier of the game, at $149.99, you get the fully commented source code and I will assist you through the creation of your game, with priority emails or by other means which we will define. I will dedicate up to five hours to your project, and since it’s an experimental offer, I may be ending it soon if I see there are too much requests, since my priority is to give you the proper support as quickly as possible – I know you want your game published FAST.

Anyway, no matter which tier will you choose, you will enormously support the blog by purchasing this source code, so here it s a recap of the offers:

[pricing_table columns=”3″] [pricing_table_column title=”Uncommented source code” currency=”$” price=”9.99″][icon_list][icon_list_item type=”check”]Full source code[/icon_list_item][icon_list_item type=”times” style=”color: red;”]Comments to explain the code line by line[/icon_list_item][icon_list_item type=”times” style=”color: red;”]Up to 5 hours of support to create your game[/icon_list_item][/icon_list]

[/pricing_table_column] [pricing_table_column featured=”true” featured_sub=”Featured” title=”Commented source code” currency=”$” price=”19.99″][icon_list][icon_list_item type=”check”]Full source code[/icon_list_item][icon_list_item type=”check”]Comments to explain the code line by line[/icon_list_item][icon_list_item type=”times” style=”color: red;”]Up to 5 hours of support to create your game[/icon_list_item][/icon_list]

[/pricing_table_column] [pricing_table_column title=”Supported source code” currency=”$” price=”149.99″][icon_list][icon_list_item type=”check”]Full source code[/icon_list_item][icon_list_item type=”check”]Comments to explain the code line by line[/icon_list_item][icon_list_item type=”check”]Up to 5 hours of support to create your game[/icon_list_item][/icon_list]

[/pricing_table_column] [/pricing_table]

Now there’s no excuse for you not to learn how to create HTML5 games. Moreover, everyone buying any of these packages will have a lifetime 10% discount on every future source code I will release.

  • Arseniy

    The game seems to start lag more and more with each pop. I would think to buy such tutorial but only if it not lags.

    • Emanuele Feronato

      Which device are you testing it on? Anyway, you can disable particles just editing one single line, it’s all explained

  • theCarce

    What technology did you use to make the game cross-platform? I tried CocoonJS and it produced way too big files and the game froze after less then 10 seconds every single time. I had better luck with PhoneGap, but since the game runs inside a canvas on Android 4.4.2 the game was unplayable. It would mean a lot to me if you could give me some tips on the subject.

    • Emanuele Feronato

      I got good results with PhoneGap, did not try Cocoon yet but it looks promising for small casual games

  • Vidhya

    Hi Emanuele Feronato,

    I Have Few doubts regarding the code as I am fresher to game development. I want clear them before i do purchase the game code.

    1. Which language did you used for development.
    2. which user IDE u have used for development and also any additional settings for android, iOs & web gaming are to done .

    I know Cocos 2d Js Development is this enough for me to understand ur coding and game development.

    • Emanuele Feronato

      1) Phaser

      2) No IDE, I wrote every single line with my PSPad editor – you can use textWrangler if you’re a Mac user

      As a Cocos2d JS user, you will find easy to understand it.

  • Flavien


    in this source code, is there any source code for screen scale size (i script that allow to scale the game in any mobile device) that i can use for any other game?

    • Emanuele Feronato

      Sure Flavien, as long as the game is made with Phaser framework, which is the one used in this game.

  • Shane

    With Phaser now being at version 2.3.0, if I buy your source code now, will I have access to the updated version of your code to support 2.3.0?


    • Emanuele Feronato

      The game runs perfectly with 2.3, just change the Phaser js included in the package with the last one you can download.

      • Shane

        Awesome! Thanks!

  • somecharm

    Have you plans to adopt this code for Cocos2d JS? I’d like to buy it.

    • Emanuele Feronato

      Not at the moment, sorry :(