William Malone

My name is William Malone and I am an HTML5 game developer in the Denver, CO area. I created this site to provide a medium to test out the newest web technologies and give back to the design and developer community via open source articles.

Create a Paint Bucket Tool in HTML5 and JavaScript

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

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

HTML5 Game Scaling

This article will describe scaling techniques, including the use of a game safe area, to best fit an HTML5 game across devices with different resolution and aspect ratios.

Detect iOS Device Orientation with JavaScript

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

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

Maximum Sprite Frame Calculator for Safari Mobile

Safari Mobile won't load very large PNG images. This limits the number of frames you can have in HTML5 frame based sprite animations. The following calculator will help determine how many frames you can have without reaching the maximum size limitation enforced by Safari Mobile.

Maximum Image Size in Safari Mobile on IOS

IOS enforces a maximum image size in Safari Mobile. This article explores the details and includes a calculator to determine if an image will load on a particular device.

Sesame Workshop Cooking with Cookie Game

New Game Cooking with Cookie added to Works Section

HTML5 vs Flash Drawing Image

The same icon is drawn in JavaScript on an HTML5 canvas element and in ActionScript 3 in Flash. The differences in code is discussed after each step.

HTML5 Canvas Example

Step by step tutorial drawing an icon of a warning symbol on an html5 canvas. Current Html5 browser compatibility is discussed as well as downloadable source code.

View All Articles »