Inspired by the Biolab Disaster HTML5 game, I’ve been playing around with the HTML5 cavas.

I decided to resurrect my old Algorithm Animation project, as it lent itself perfectly to this kind of thing.

So here it is:


If you’re seeing this, then your browser does not support the HTML5 <canvas> tag. The latest versions of most major browsers will, so why not consider upgrading, or installing the latest version of a different one!


Just Click “Go” and watch it work.

I make no apologies for the fact that its very very limited – it was just a proof of concept more than anything else! You’ll have to refresh the page if you want to run it more than once. Hmmm….I feel a ‘reset’ button coming on.

The HTML is laughably simple. In fact, here it is:

    <canvas id="myCanvas" width="300" height="170">
    Fallback content, in case the browser does not support Canvas.
    </canvas>
    <br />
    <input type="button" value="sort" id="sort" onclick="Sort_OnClick();"/>

The JavaScript is also fairly trivial, but I’ve made a good effort to hide that by wrapping it in a class! :-)

Feel free to have a look and play around and use if for yourself. Any links or general credits would be appreciated. I also like money ;-)

, ,