Create HTML5 Vertical Endless Runner cross platform games

Using Phaser framework and other FREE software
Endless runner games are gaining more and more popularity and they are really easy to code.
I will take you by hand through the creation of a complete HTML5 vertical endless runner cross platform game with a lot of features and room for customization.
100 pages + 31 source code examples with a free update to come in a few days.

Play “Just Jump”, my first HTML5 game released in 2017, powered by Phaser

Emanuele Feronato Game design, HTML5, Javascript, Phaser

I am starting this new year with a simple new HTML5 game called Just Jump, based on the tutorial series about Space is Key.

The main idea was to crate some kind of endless runner based starting from the original engine and above all to create a demo with the CPU playing the game.

When I was a kid, I was always impressed by coin-op machines playing a demo of the game you were about to play, so I wanted to do the same.

This is the game:

You just have to tap or click to make the square jump. The more perfect the jump, the higher the score for each jump. You can also play in a new browser window at this link.

While being a simple game, it has some interesting features such as:

* The game has only one graphic asset, a small 64 x 64 pixels PNG white square. Everything, from background walls to particles, from the player to size-changing obstacles, has been made starting from that single image.

* Bitmap fonts

* Sound effects, created with the awesome Bxfr tool, the best free online resource to create 8 bit sounds.

* Local storage management to save high score.

* Autoplay demo!!! This is what I really am proud of. It’s just a couple of lines of code but I am very proud with the results.

I am about to release the source code of this game, in various flavors, from the plain code “as is” to the ultra-commented code.

And I will also show you how to post this game to mobile devices, with some optimization to be played in portrait mode.

Say “welcome” to 2017 with Just Jump!

Stay up to date
Follow me on the social networks and never miss a post.

Official Emanuele Feronato Facebook page

Official Emanuele Feronato Twitter account

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

Comments 2

Leave a Reply

Your email address will not be published. Required fields are marked *