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.

Get 5 complete royalty-free HTML5 game templates made with Phaser and use them in your projects or learn by studying the source code

Emanuele Feronato Game design, HTML5, Javascript, Monetize, Phaser

This is going to be one the posts with the longest title I ever published, but there’s really a lot to talk about because Richard Davey himself, the mind behind the awesome Phaser framework, released a package with 5 royalty-free game templates, with full commented source code, PSD files and guide to use them in your own commercial projects.

montage

It’s an incredible opportunity to learn how to create games with Phaser or just to reskin them and sell to your clients or publish as brand new games on various marketplaces.

Let’s have a look at the games included in the package:

* Black Jack – The famous casino card game.

* Coloring Book – A free-form coloring app, great for making kids apps.

* Jigsaw – A powerful jigsaw template, easily cut any image up, to any size.

* Sliding Puzzle – The classic puzzle game, easily customised and solvable.

* Word Search – A powerful word search template, with flexible word selection.

Along with the games, you will also receive the PSD files and a 10 pages guide which explains how to make your games run on a web server and shows how games are organised into folders.

This is how each game is structured:

As you can see, it’s very easy to figure out what is the content of each folder, but most of all I want you to have a quick look at the source code.

This is BlackJack’s startRound function:

As you can see, the function is commented, and each variable has a proper name to let you quickly understand its role in the game.

You’ll also get two Phaser plugins: A powerful flood fill routine that extends the BitmapData class (as used in the Colouring Book template), and a flexible Jigsaw piece cutting plugin, where you can easily use just the plugins to cut out shapes, with their own stroke thickness.

This package is a must have even if you are an experienced developer: having five game templates ready to go is always an opportunity to save development time, and the way each game source code is structured allows an enormous space for customisation.

Get your 5 royalty-free game templates and start building your own game!

Please understand these are not tutorials. Although the code is well commented, a basic level of Phaser experience is expected to get the most from them.

If you are an absolute beginner, you should also have From null to full HTML5 cross platform game or Interphase #1 to get you started with Phaser.

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.

Leave a Reply

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