February 2012

HTML 5 Canvas Tutorial - Drop Shadows


Posted in:

While working on the Pulse graphics engine I'm learning all kinds of new techniques and tid bits about Canvas. One of the latest things I've been playing around with and working on is creating shadows. This is actually pretty easy with the JavaScript drawing api available for canvas. It actually just takes a few properties set on the canvas context.

Read More Icon Read More

Javascript Tutorial - Namespaces


Posted in:

Namespaces can be a powerful tool for code organization and conflict avoidance. Unfortunately, Javascript does not have native support for this extremely useful construct. That being said, the language's flexibility allows us to create a facsimile that works quite well.

Read More Icon Read More

Saving Canvas Data as an Image


Posted in:

Over the past few months, we have talked quite a bit about HTML5, more specifically canvases. There are plenty of other interesting HTML5 subjects canvases offer, which makes it by far the most fascinating and flexible object. We have covered topics ranging from simple rotations to photo filters. Today we are going to go over how to take your canvas and save it as an image.

Read More Icon Read More

HTML 5 Canvas Tutorial - Converting Images to Grayscale


Posted in:

HTML 5 and the Canvas tag has brought a whole world of possibilities when it comes to image manipulation. This tutorial will demonstrate one of those possibilities that is particularly powerful - getting raw image data and transforming it.

Read More Icon Read More