Phaser Book: Create HTML5 vertical endless runner cross platform games

144 pages + 47 source code examples to guide you through the creation of two HTML5 cross platform vertical endless runner games.

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, 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.

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.

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.

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. If you have a mobile phone you can play it directly from this link.

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.

Timing and good coordination are required in this game, if you have a mobile phone you can play it directly from this link.

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.

Get the book with PaypalGet the book on GumRoad