
WEBSITE | DESIGN | DEVELOP | CONSULTANCY | FROM ANTHONY, LONDON
HTML5 CANVAS BIRDS
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.
Flying squence:
Landing squence: