Phaser E-Book – Create a HTML5 Vertical Endless Runner

Step by step creation of two endless runner games


Out of stock


Learn to create games people love to play

Endless runner games are gaining more and more popularity among both male and female players. If we look at a research ran by deltaDNA, one of the best companies in game analytics, it’s the second game genre players love.

And if you are wondering why one should care about female players, have a look at this EEDAR – the largest specialty video game research firm in the world – report showing female role in mobile game industry.

With the book “Create HTML5 vertical endless runner cross platform games” I will take you by hand through the creation of two endless runner games like mobile blockbusters Rise Above and 2 Cars using Phaser framework version 2.x, not only showing you how to code any single feature of both games, but even adding room for improvement and customization.

Every detail has been explained

In its 143 pages, the book shows you a detailed walkthrough to create a vertical endless runner, with plenty of pictures, examples and commented source code. Each line of the code is commented, and you won’t just create a game but you will learn how to create a game.

Phaser Book: Create HTML5 vertical endless runner cross platform games

Step by step examples

To make sure you won’t get lost, each step in the creation of each game comes with a working example for you to test, play or modify. This is the content of the folders you will find in the package.

Phaser Book: Create HTML5 vertical endless runner cross platform games2

You will learn a lot, while having fun

I hate boring theory, so int he book you won’t find anything which is not strictly related to the creation of the games. This way you will learn while doing the thing you love the most, making games.

By the end of the book you will be able to create your own vertical endless runner game learning, among other things:

  • Set up a Phaser project
  • Configure Phaser game states: boot state, preload state, title screen, game over screen and obviously the game itself
  • How endless runner work
  • Create animated buttons
  • Tile and tint your images to create backgrounds
  • Detect and handle player input like finger taps, mouse clicks, keyboard inputs and figer swipes
  • Use tween to smoothly move sprites
  • Use Arcade Physics to manage collisions
  • Add particle to create smoke and explosions
  • Show and save scores and best score
  • Increase the difficulty in the game
  • Load and play sound effect and background music
  • Adapt the game to various resolutions and screen ratios

Rising Ships

The first game you will create is inspired by Rise Above by Norman Rozental, a game featured by Apple as a Best New Game in 150 countries.

Rising Ships  

Let the ship rise as much as you can while avoiding obstacles, once you’re too high you can make the ship fly down but the game will get harder.

Double Lane

Based on the famous 2 Cars by Ketchapp Games, in this game you control two cars at the same time and must collect targets which match the color of each car while avoiding targets whose color does not match.

Double Lane  

A book for everyone

By the end of the book, you will have two complete vertical endless runner games made by you, and a lot of experience in game development. The book is for every audience, from novice JavaScript users which will be taken by hand through the creation of each game, to advanced developers looking for some tricks using Phaser framework.

About Emanuele Feronato

Emanuele is one of the most prolific game development authors on the web. With 9 years of blogging and over 1500 written tutorials, Emanuele has taught and trained thousands of game programmers by describing the game mechanics of over 130 games in in-depth guides and articles.

+ Show More