Examples Flash Animation using swishmax 1 Sprites MotionPath

Sprites avec MotionPath et Timer

The purpose is to make an animation using only a script.
Squares 'd appear at point A then move towards point B, but with a 1s delay in A.
We 'll use a timer and beginGradientFill for sprites.

⇒ animation ⇐

Creating Objects

Set up movie size 640x480 (background color #CCFFFF).
Choose a Frame Rate equal to35.

Script

In Outline, select Scene_1. Enter the following script :

onLoad()
{
    maroon = 0x800000;
    goldenrod= 0xDAA520;
    burlywood = 0xDEB888;
    whitesmoke= 0xF5F5F5;
    
    COTE = 50;   // square side
    
    // moving from A to B
    xA = 10;  yA = 10;
    xB = 510; yB = 410;
    
    colors = [maroon , goldenrod, burlywood];
    alphas = [100, 100, 100];
    ratios = [0, 250, 50];
    
    // so many increments as sprites
    xD = new Array();
    // so many increments as  sprites
    incX = new Array();
    // init
    for (j=0; j<14; j++)   // 14 sprites 
    {
        createEmptyMovieClip("Square"+j, j );
        xD[j] = xA;
        incX[j] = 0;
    }   
}
/*-----------------------------
     MotionPath  / line AB
     input : X-coord
     otput : Y-coord
------------------------------*/
function y( xxx )
{
    pente = (yB -yA) / (xB - xA);
    y0 = (yB + yA - pente*(xB + xA) ) / 2;
    return ( pente * xxx   +   y0 ); 
}
/*-----------------------------------------
    Drawing square
    input :
       X , Y depart coord. 
        prite number
------------------------------------------*/
function drawSquare( xxx , yyy , lequel )
{ 
     matrix = {matrixType:"box", x:xxx, y:yyy, w: COTE, h: COTE, r:0}; 
    ("Square"+lequel).beginGradientFill("linear", colors, alphas, ratios, matrix);
    ("Square"+lequel).lineStyle(1, maroon  , 100 );
    ("Square"+lequel).moveTo(xxx,yyy);
    ("Square"+lequel).lineTo(xxx + COTE, yyy);
    ("Square"+lequel).lineTo(xxx + COTE, yyy + COTE);
    ("Square"+lequel).lineTo(xxx, yyy + COTE);
    ("Square"+lequel).lineTo(xxx , yyy );
    
    ("Square"+lequel).endFill();   
}
/*-----------------------------------------------
     compute elapsed seconds 
     Every second, start a new sprite from A
------------------------------------------------*/
onFrame(1)
{
    secondes = Math.floor( Timer.ticks() / 1000 ); 
    
    for ( k=0; k < secondes+1; k++)
        drawSquare( xD[k] , y( xD[k] ) , k );     
}
onFrame(2)
{
    for ( k=0; k < secondes+1; k++)
    {
        if (k > 13) break;   // 14 sprites
        ("Square"+k).clear();   // erase
        incX[k] += 1;           // increase X
        xD[k] = xA + incX[k];
           
        if (xD[k] >= xB)    // pt B raised?
        {
          xD[k] = xA;      // back to A
          incX[k] = 0;
        }     
    }
        // back to previous frame
    prevFrameAndPlay(); 
}

This example is pretty simple; it 'd be necessary to control time during loop to avoid slowing down animation..

Page de Jean-Paul Molina

Subjects

Resources

C.A.D.

Langages

Flash

Systems

Social Networks

Sprites avec MotionPath et Timer