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.
When I wrote my tutorial on how to create a Galaxian style HTML5 game, I wasn’t aware of the importance of using time-based animations. It wasn’t until sometime later that someone pointed out to me how my frame-based animation used in the tutorial was causing some problems.
In this first ever guest post, Arijus (argshook) talks about how he developed his first game in only two days. He’ll talk about his experience as well as his development workflow, and even share some tips and insights to help you do the same.
When you ask how to make your HTML5 game playable offline, you’ll often get a lot of varying opinions about how that can be accomplished and what the right technique is to use. But for the most part we can agree that there are one or two techniques that will work across all browsers. The point of this article is to explore all the possibilities for making a game playable offline, noting which methods will work for the majority of browsers as well as examining the strengths and weaknesses of each technique.
An experimental design to a responsive HTML5 canvas game using techniques to scale the canvas element to the viewport and serve the correct image sizes.