When I read about Collie in a recent issue of Appliness, I knew I had to give it a try. While you can do simple animations like this one easily in pure CSS, something about Collie is appealing — it renders in canvas or DOM, it’s tested for performance, and it’s encouraged as a solution on mobile devices. Plus, it has image optimization for retina display (how do you like them apples?).
Add some display objects to the layer. The background is a simple flat sky background (although we could animate it if we wished). The reindeer is a sprite with 7 frames. I’m not an animator, so this is a cute clip art reindeer I moved around in PhotoShop.
Super fast, quite fun. I’m looking forward to seeing what people do with Collie.
This looks like a decent ployfill for IE’s crappy animation support. With a little yepnope, I could put together a full length animation for all browsers. Thanks for the review! I’ll be sure to play with this over the holidays.