Exemples Tutoriaux Animation Flash swishmax1 Effet Damier

Effet Damier

On se propose de montrer un effet de damier pour découvrir une image.
C'est essentiellement du script et une bonne compréhension de programmation est nécessaire.

⇒ animation ⇐

Déplacez la souris sur et en dehors de la scène.

Les différentes étapes vont être décrites maintenant.

Tout d'abord, téléchargez une image

Création des Objets

1 - Définissez les dimensions générales 500x500. Couleur de fond : 3D577E. Frame rate = 50

2 - Insérez l'image de sorte que le coin haut gauche soit en 0,0.

3 - Tracez un carré 50x50. Couleur du fond : 3D577E.
Point d'ancrage : haut gauche.
Nommez le square. Cible cochée.
Suivez les images :

shape shape

Script SwishMax

Voici le script général de Scene_1

onLoad () 
{
    w = Stage.width;   // largeur scène
    h = Stage.height;  // hauteur scène
    n = 10;    
    // pt ancrage du carré 1
    Xinit = 0;
    Yinit = 0;
    
    // coté du carré
    a = square._width; 
    /* on recouvre toute la scène avec
       10x10 carrés mis bout à bout    */
    for (i=1; i < n*n +1; i++)  
    {      
        duplicateSprite(square, "square"+i, i);
        // 10 par rangées 
        ("square"+i)._X = Xinit + ((i-1)%n)*a;
        ("square"+i)._Y = Yinit;
         /* on a atteint 10 ; on augmente Y
            pour la ligne suivante   */ 
        if ( i%n == 0 )   Yinit += a ;   
    } 
    // plus besoin du reproducteur.
    square._visible = false;
}
/*--------------------------------------
    function appelée toutes les 10ms
    quand la souris survole la scène
    pour faire décroître les carrés
--------------------------------------*/
function vanish(j)
{      
    for (j=1; j < (n+1)*n +1; j++)
    {
       (("square"+j)._xscale >0) ? ("square"+j)._xscale-- : ("square"+j)._xscale = 100;
       (("square"+j)._yscale >0) ? ("square"+j)._yscale-- : ("square"+j)._yscale = 100; 
    }
}
// on définit un timer
on (rollOver) 
{
    timer = setInterval(vanish,10); 
}
// reset timer et échelles
on (rollOut) 
{   
    for (k=1; k < (n+1)*n +1; k++)
    {
       ("square"+k)._xscale = ("square"+k)._yscale = 100;
    }
    clearInterval(timer);   
}

Bon, c'est juste un simple exemple; on doit pouvoir améliorer le code.

Page de Jean-Paul Molina....

Matières

Ressources

Conception assistée

Langages

Flash

Systèmes

Réseaux sociaux

Effet Damier