HTML5 Canvas Birds

View Demo

This project originally started out as a screensaver but as with so many projects it never came to be. But I still think its a cool demo of power and flexibility of canvas in HTML5.

I started off designing a bird that would fly through the sky from left to right and reappear on the left again. I wanted to expand it to handle more then one bird so I developed a bird handler which I’ll get into in the following tutorials. Then added posts for them to randomly land on and push the other birds that are still sitting on the post off. Finally added poo as a little detail to finish off the scene.

This entry was posted in Blogs. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>