Williammalone - williammalone.com - William Malone
General Information:
Latest News:
Create a Sprite Animation with HTML5 Canvas and JavaScript 26 May 2013 | 04:00 am
This tutorial explores HTML5 canvas sprite animation by creating a sprite animation, animating it with JavaScript and then implementing the animation in a simple game.
Maximum Image Size in Safari Mobile on IOS 1 Oct 2012 | 04:00 am
IOS enforces a maximum image size in Safari Mobile. This article takes a look at the limitations on different iOS devices and provides a calculator to determine if an image is too large to be loaded. ...
Simple HTML5 Drawing App with Crayon, Marker, Paint Bucket and Eraser 25 Jul 2012 | 04:00 am
Combined the features of two articles: Simple HTML5 Drawing App tutorial and Paint Bucket Tool tutorial into an HTML5 app. Source code and demo available.
Detect iOS Device Orientation with JavaScript 20 Mar 2012 | 08:00 am
JavaScript gives us a way to determine the current orientation of iOS devices (iPhone, iPad, iPod). This article will cover how to detect that rotation and what to watch out for.
Create a Bar Graph with HTML5 Canvas and JavaScript 11 Sep 2011 | 08:00 am
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 11 Apr 2011 | 08:00 am
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 4 Apr 2011 | 08:00 am
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 can...
Create a Paint Bucket Tool in HTML5 and JavaScript 13 Oct 2010 | 08:00 am
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 manipula...
Create a Drawing App with HTML5 Canvas and JavaScript 25 Jul 2010 | 08:00 am
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 20 Jun 2010 | 08:00 am
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 (a...