how to make queue anime function in ext4.0.2a?
i'm trying to make my own loading screen.  
it's like loading screen at ext 3.3.1 docs does, but using ext 4 as the core...

since the ext4 docs say `shift` animation is deprecated. so i replace shift with `puff` and slideout animation...

so far, i can make it..
here the code ;

    var loading = Ext.get('loading');
    var mask = Ext.get('loading-mask');
    
    loading.puff({duration: 500}); //first fn

    Ext.defer(function(){
        mask.slideOut('b',{duration : 500});//second fn

        Ext.defer(function(){
            mask.destroy();
            loading.destroy();//third fn
        }, 750);

    }, 750);

but, code above is look awkward, cause i'm using defer to make it queued.  
is there another way to make queued function ?  
in ext3, they use callback function to make it works, but i can't find it at ext4 docs.  
i even try it, still no luck.
how to make queue anime function in ext4.0.2a?
===

i'm trying to make my own loading screen.  
it's like loading screen at ext 3.3.1 docs does, but using ext 4 as the core...

since the ext4 docs say `shift` animation is deprecated. so i replace shift with `puff` and slideout animation...

so far, i can make it..
here the code ;

    var loading = Ext.get('loading');
    var mask = Ext.get('loading-mask');
    
    loading.puff({duration: 500}); //first fn

    Ext.defer(function(){
        mask.slideOut('b',{duration : 500});//second fn

        Ext.defer(function(){
            mask.destroy();
            loading.destroy();//third fn
        }, 750);

    }, 750);

but, code above is look awkward, cause i'm using defer to make it queued.  
is there another way to make queued function ?  
in ext3, they use callback function to make it works, but i can't find it at ext4 docs.  
i even try it, still no luck.