While toying around with the drawing aspect of canvas I started using Quadratic Curve’s to make a line bob up and down. Putting them side by side in reverse, mimicked a line waving.By creating more than one and placing them on top of each other it replicated a waving ocean.

Full Tutorial – Continue to read…
Continue reading →

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.