mindtrove Collecting ideas since 1980

30Nov/093

Ken Burns Effect in Dojo

I saw a reference to the jQuery CrossSlide plug-in many moons ago. For some dojo.anim practice, I decided to implement its Ken Burns effect in a reusable Dojo widget a few days later. The code then collected dust in my Dropbox until today when I finally got around to sharing it.

Below is an example instance of the widget panning, zooming, and crossfading three images. The BSD code for the widget is in KenBurns.js. The code for this particular demo can be seen by viewing the source of kenburns-demo.html.

I didn't take the time to comment this little experiment. If you'd like more info about how to use it or how it works, drop me a comment.

Tagged as: , , , Leave a comment
Comments (3) Trackbacks (0)
  1. CpILL
    December 2nd, 2009 - 04:40

    Would make a good Dojo demo me thinks :)

  2. ben
    March 5th, 2010 - 14:04

    Link to the KenBurns.js is busted… appears to be the wrong gist?

  3. Peter Parente
    March 5th, 2010 - 14:13

    Indeed. http://github.com/parente/mindtrove/blob/master/KenBurns.js

    I’ll update the link in the post as soon as I figure out why WP won’t let me. :)


Leave a comment


No trackbacks yet.

« HTML5 audio caching Spaceship! code at GitHub »

Tags

accerciser Accessibility api at-spi atk audio auditory display blogs data mining demos dojo education fedora flash game games gnome google graphing gtd ibm image based rendering image registration javascript lost lsr mashup mobile music musical news nin outfox pgo python spaceship spatial sound speech uia unc validation video visualization web whedon