Get the full commented source code of

HTML5 Suika Watermelon Game

Talking about Game development, HTML5, Javascript, Monetize and Phaser.

It was december 2015, more than five years ago, when I released my second HTML5 book “Create HTML5 vertical endless runner cross platform games“.

Five years equals a century in game development, but during these years I never stopped updating the book, adding new examples and a whole new game. Everything powered by Phaser 2.

Now that Phaser reached a major release, 3.50, it’s time to stop updating Phaser 2 projects, but I did not want to abandon my most loyal old readers, so I rewrote one of the two games in Phaser 3, built an interactive course around it, and gave it as a last, free update to the book.

Now, let’s talk about this interactive course, which will guide you through the creation of Tunnel Trouble game:

Just like the course about the making of Irresponsible Ninja, each and every line of code is explained in detail, but I am also experimenting a new way to teach game development, where you only need a browser to start learning.

On the left side you find the course with the source code commented and explained, while on the right side there is the result of such code, for you to test on the fly what you are building.

And if you are reading the full post, this paragraph included, getting the book through this link grants you a 10% off.

Through 12 detailed steps you will learn, among other things, these concepts:The structure of your first Phaser project, starting from an empty folder

* Scale and resize the game to look nice on any device

* Preload images, sounds, fonts and other kind of assets

* Scene management

* Add images and sprites on the stage

* Use tweens to create animations

* Wait for player input

* Process mouse or finger input

* Use Arcade physics to move your sprites

* Check for collisions between physics bodies

* Use particle emitter to create trails and explosions

* Recycle sprites and physics bodies to save resources

* Create game states

* Add and play sound effects

* Design and add a game interface

* Use bitmap fonts to create text effects

* Save and load high scores using local storage

By the end of the course, you’ll have a complete HTML5 cross platform game but most of all you will master all the concepts to create a game on your own.

Get the course now, you won’t find a more detailed course teaching how to build a full commercial HTML5 game, and you will also support both the blog and my work.

Never miss an update! Subscribe, and I will bother you by email only when a new game or full source code comes out.