William Malone

Create a Bar Graph with HTML5 Canvas and JavaScript

Sun, 5 Sep 2011

This tutorial will show how to create a simple bar graph that animates between values on an HTML5 Canvas using JavaScript.

Create a Game Character with HTML5 and JavaScript - Part 2

Mon, 11 Apr 2011

In Part 2 of this series we will give our character the ability to jump.

Create a Game Character with HTML5 and JavaScript - Part 1

Mon, 4 Apr 2011

In Part 1 of this series we will design a game character from scratch. We will start with a drawing on paper and with the help of JavaScript we will create a breathing, blinking character on HTML5 canvas. Hopefully by the end of Part 1 you will have the tools and inspiration to create a character of your own.

Create a Paint Bucket Tool in HTML5 and JavaScript

Wed, 13 Oct 2010

This tutorial will show how to create a simple paint bucket tool on an HTML5 Canvas using JavaScript. We will be implementing a flood fill algorithm using the HTML5 imageData object for pixel manipulation.

Create a Drawing App with HTML5 Canvas and JavaScript

Sun, 25 Jul 2010

This tutorial will take you step by step through the development of a simple web drawing application using HTML5 canvas and its partner JavaScript.

Drawing with JavaScript in HTML5 vs ActionScript 3 in Flash

Sun, 20 Jun 2010

HTML5 introduces an element called a "canvas" on which we can use JavaScript to draw. This offers a quick and easy approach to drawing dynamic content. This article will compare this relatively new (and not yet cross-browser compatible) option for drawing to Adobe Flash's ActionScript 3. JavaScript and ActionScript have common roots as they are both dialects of ECMAScript.

HTML5 Canvas Example

Sun, 13 Jun 2010

With HTML5 support emerging, I have decided to investigate the drawing capabilities. In the tutorial I will focus on drawing on the new element called a "canvas". I created an example icon in Adobe Photoshop and will reproduce it by drawing on a canvas with JavaScript.