This is a HTML5 canvas animation that I’m planning to use as a full-page background. It’s a simple animation, but it should look quite effective when I use it. Note, I’ll probably adjust the timing and slow it down a bit when it goes into production.
This is the HTML5 canvas animation that I’m currently using in the header of this site. I’m not sure how long it will last on this site, so here is the CodePen. The animation is supposed to look like a giant barcode. It is randomly generated, so the chances of seeing the same barcode twice are quite slim. Anyhow, I love playing around with the canvas element :)
A nice looking cheat sheet for the HTML5 canvas element.
A quick introduction to game development using the HTML5 canvas element.
In a recent article on 24ways, Ros Horner wrote:
Building your own websites is tough. You’ll never be happy with it, you’ll constantly be updating it to keep up with technology and fashion, and by the time you’ve finished it you’ll want to start all over again.
I can associate with her words (especially the part about wanting to start all over again). There comes a time when you need to recognise that you’ve accomplished most of what you wanted to achieve with your website. You’ll never be entirely happy with it, and sure, there will be tweaks and updates that you’ll still want/need to do, but for the most part, the website will be done.
I think I’ve reached that stage with this site and WordPress theme. I’ve still got some additional features and functionality that I want to add, but for now, the site is serving its purpose and it’s time to move on to another project.
Regarding the new project, I was planning to start it in the New Year, and I may still, but I’ve got some time off over the Christmas period, so I may make a start on it early than planned. Or, I may continue messing around with the HTML5 canvas element — sometimes I just like to create fun stuff.
A simple collision detection demo using the HTML5 canvas element, version #2. This version tests for collisions between blocks and debris, meaning there is a chance of a chain-reaction of collisions. See version #1 for single collision detection.