Dynamic masking using the drawing API II - Page 7

Putting it all together

With all of this in mind, we're ready to introduce the complete script:

//Global vars
mWidth = 350;

//Create movie clip and mask
counter = -1;
createMovieClip();
animInt = setInterval(doAnim, 17);

function createMovieClip()
{
    counter++;
    attachMovie('pic' add (counter % 2), 'pic' add counter, counter);
    createEmptyMovieClip('mask' add counter, counter + 10000);
    this['pic' add counter].setMask(this['mask' add counter]);
}

function doAnim()
{
    var currMC = _root['mask' add counter];
    if(animIndex < 15)
    {
        var time = animIndex/15;
        var dist = 0.5*Math.sin(Math.Pi*(time-0.5)) + 0.5;

        with(currMC)
        {
            clear();
            beginFill(0x000000);
            lineTo(mWidth,0);
            lineTo(mWidth,dist*125);
            curveTo(250,dist*40,0,10*dist);
            endFill();
        }
    }
    else if (animIndex < 35)
    {
        var time = (animIndex-15)/20;
        var dist = 0.5*Math.sin(Math.Pi*(time-0.5)) + 0.5;

        with(currMC)
        {
            clear();
            beginFill(0x000000);
            lineTo(mWidth,0);
            lineTo(mWidth,125);
            curveTo(250-100*dist,40+150*dist,0,10+190*dist);
            endFill();
        }
    }
    else if (animIndex <= 50)
    {
        var time = (animIndex-35)/15;
        var dist = 0.5*Math.sin(Math.Pi*(time-0.5)) + 0.5;

        with(currMC)
        {
            clear();
            beginFill(0x000000);
            lineTo(mWidth,0);
            lineTo(mWidth,125+75*dist);
            curveTo(150,190+10*dist,0,200);
            endFill();
        }
    }
    
    animIndex++;
    if(animIndex > 50)
    {
        animIndex = 0;
        _root['pic' add (counter - 1)].removeMovieClip();
        _root['mask' add (counter - 1)].removeMovieClip();
        createMovieClip();
    }
}