Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Generic Animation (gallery-generic-anim) on cdn

Last Updated: 09/29/10

+ 1 -

Patrick Cavit

YUI Contributor

See 4 more by this user.

Created: 08/15/10
Last CDN Push: 09/22/10
Build Tag: gallery-2010.09.22-20-15
Project: YUI 3
License: YUI BSD
YUI Version: 3.2.0
Free for use.

A very small module that takes the number of animation steps & the delay between them & will then fire "step" events until done. This exists because the core of the base Animation library isn't abstracted out at all & assumes it is operating on DOM nodes.

The example at http://tivac.com/yui3/generic-anim/ shows one (very simple) use case for a module like this.

Currently the module only provides two methods, "run" and "stop". It will fire a "step" event at each animation tick. Future planned enhancements include easing support & a "pause" method.

A simple animation that will iterate 20 times with 2 seconds between each step.

Code Sample

<script src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.09.22-20-15'
}).use('gallery-generic-anim', function(Y) {
 
    var anim = new Y.GenericAnim({ 
        steps : 20, 
        duration : 2 
    });
    anim.on("step", function(e, step) {
        console.log(step);
    });
    anim.on("complete", function() {
        console.log("complete");
    });
    anim.run();
 
    //different form
    var anim2 = new Y.GenericAnim({ 
        steps : 20, 
        duration : 2,
        on : {
            "step" : function(e, step) {
                console.log(step);
            },
            "complete" : function() {
                console.log("completed");
            }
        }
    }).run();
});

Forum Posts

No forum posts for this module.