Create a Game Character with HTML5 and JavaScript

by William Malone

In this series we will explore how to create a game character using HTML5 Canvas and JavaScript.

Each part of the series will give step by step instructions how to give our character a new ability such as running and jumping. The source code is available for download at the conclusion of each part. The purpose of this series is discuss the basics of creating a game character in HTML5 and JavaScript and hopefully inspire the creation of some new HTML5 games.

Meet our character. Test out some of his abilities by clicking the buttons below:

Character Abilities
Blink Icon
Jump Icon
Blink
Jump

View Part 1: Create a Character of this series.

Part 1 Preview

View Part 2: Jump of this series.

Part 2 Preview

Share this Article