In this last tutorial on making an Endless Runner style game, we’ll discuss the different approaches for making our games user interface (UI), the pros and cons to each approach, and then finish by creating the UI for our game and adding music.
In the previous tutorial we learned about the Module Pattern and how to create modules to help organize and simplify our code. In this tutorial, we’ll use prototypal inheritance to create modules that share a common set of code which will add to the organization and simplicity our code.
I recently completed an Endless Runner style game for Gamedevtuts+ for an article on Spritesheet Animation. They have graciously allowed me to write a tutorial series on my site about how I created it. This article is the first of three articles that will explain how to create an endless runner style HTML5 game from scratch.
In this article, we’ll learn how to create a background for an HTML5 canvas using a tileset.
In the fifth and final tutorial of the Galaxian Style HTML5 game series, we’ll be finishing up the game by adding details such as player score, a game over screen, infinite enemy waves, and HTML5 audio. We’ll also discuss things you can do on your own to improve the game.