I recently decided to look into working with the Canvas element to prototype a game idea I had. Since the easiest way to learn a technology is to use it, I set myself the goal of implementing the Ken Burns Effect.
There are a few JS slideshow scripts that do the Ken Burns effect, but I haven't seen any implemented in Canvas.
Without further ado, here is my implementation of the effect:
Your browser doesn't support canvas! Try Chrome, Firefox or Opera
If you see the effect, above, you are probably viewing this in one of the good browsers. I think it can be made to run on IE with excanvas, although I have yet to test that. continue reading…