Adventures in EaselJS

createJS

07 May Adventures in EaselJS

Update: I’ve added some new visual elements to the prototype I made. It will be turned into a very simple game once I get some more time to work on it.

As part of my new initiative to familiarize myself with the latest and greatest in cutting edge web tech, I’ve taken it upon myself to try out some EaselJS tests and possibly build out some simple canvas based games. I first heard of EaselJS through word of mouth several months ago, but it wasn’t until this year’s FITC in Toronto, my interest piqued.

It’s actually pretty easy to use. Grant Skinner, the creator of the EaselJS Javascript library, explained that his API is based off of conventions and ideas present in Flash and ActionScript; two things I’m very familiar with. I’m finding it actually pretty easy to work with, because of this fact.

It’ll be interesting to see how far I end up taking these tests. You can check out the first one I’ve been messing around with below. I basically just found a ready-made sprite sheet using Google image search, and applied the necessary JavaScript to make it work within the EaselJS API.

Update: The test is now iOS compatible, click to check it out on your iOS device!

http://www.chaddavid.com/html5/test1/

EaselJS isn’t without it’s limitations however.. I believe it’s still a work heavily in progress as I found out by accidentally using the deprecated BitmapSequence class, which has since been changed to AnimationSequence. So things are constantly changing as of the time I’m writing this. I also believe there are some inconsistencies between browsers, namely anything below IE9 has virtually no support for the HTML5 canvas tag, which makes Internet Explorer compatibility pretty much impossible. I’ll have to try to keep on top of it, but I’m really enjoying Skinner’s EaselJS, thus far.

I plan to be updating this blog more regularly and am busy at work on a fancy new re-design that should bring my site up to speed. The last time I looked at it’s design was years ago. Beyond due for an upgrade for sure. I’ll be talking more about discoveries and experiments in interactive HTML5 in the coming months, so stay tuned!

2 Comments
  • Lanny
    Posted at 10:55h, 08 May

    Easel has support for touch – you can enable it using the Touch API. Hopefully that will help.

    Touch.enable(stageInstance);

  • admin
    Posted at 11:12h, 08 May

    Excellent! Thanks for the heads up Lanny. I’ll check it out 🙂

Post A Comment