Exemples et Tutoriaux Animation Flash avec swishmax1 Sprites MotionPath

Sprites avec MotionPath et Timer

On se propose de réaliser une animation uniquement par script.
Des carrés apparaissent en un point A pour aller vers un point B, chacun apparaissant aprés un temps écoulé égal à 1s.
On utilisera un timer et beginGradientFill pour les sprites.

⇒ animation ⇐

Création des Objets

Définissez les dimensions générales 640x480 (couleur du fond #CCFFFF).
Prenez un Frame Rate égal à 35.

Script

Dans Outline, sélectionnez Scene_1. Entrez le script suivant :

onLoad()
{
    maroon = 0x800000;
    goldenrod= 0xDAA520;
    burlywood = 0xDEB888;
    whitesmoke= 0xF5F5F5;
    
    COTE = 50;   // arete du carre
    
    // le carre va se deplacer de A à B
    xA = 10;  yA = 10;
    xB = 510; yB = 410;
    
    colors = [maroon , goldenrod, burlywood];
    alphas = [100, 100, 100];
    ratios = [0, 250, 50];
    
    // autant de points de départ que de sprites
    xD = new Array();
    // autant d'incréments que de sprites
    incX = new Array();
    // initialise
    for (j=0; j<14; j++)   // 14 sprites ici
    {
        createEmptyMovieClip("Square"+j, j );
        xD[j] = xA;
        incX[j] = 0;
    }   
}
/*-----------------------------
     MotionPath  / droite AB
     entrée : abscisse
     sortie : ordonnée
------------------------------*/
function y( xxx )
{
    pente = (yB -yA) / (xB - xA);
    y0 = (yB + yA - pente*(xB + xA) ) / 2;
    return ( pente * xxx   +   y0 ); 
}
/*-----------------------------------------
    tracé d'un carré
    entrées :
        coord. de départ
        num du sprite
------------------------------------------*/
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();   
}
/*-----------------------------------------------
     calcule les secondes écoulées depuis le départ
     Chaque seconde lance un sprite depuis 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();   // efface
        incX[k] += 1;           // incrémente X
        xD[k] = xA + incX[k];
           
        if (xD[k] >= xB)    // pt B atteint?
        {
          xD[k] = xA;      // revient en A
          incX[k] = 0;
        }     
    }
        // retourne en arrière
    prevFrameAndPlay(); 
}

Bon, cet exemple est élémentaire car il faudrait contrôler le temps écoulé sinon la boucle va ralentir l'animation.

Page de Jean-Paul Molina

Matières

Ressources

Conception assistée

Langages

Flash

Systèmes

Réseaux sociaux

Sprites avec MotionPath et Timer