Exemples et Tutoriaux Animation Flash avec swishmax1 Tableau boutons

Tableau de boutons

On se propose de montrer la gestion d'un tableau de boutons obtenu à partir du clonage d'un bouton référent.
Les 3 états des boutons sont controlés.
Quand on clique un bouton, son état est mémorisé. Un bouton RAZ remet tout dans l'état initial.
C'est essentiellement du script et une bonne compréhension de programmation est nécessaire.

⇒ Voir l'animation ⇐

Le bouton RAZ m'a causé quelques problêmes car je souhaitais un codage élégant en utilisant les méthodes ActionScript:
AsBroadcaster.initialize(xxx); xxx.addListener( yyy ); yyy.broadcastMessage("une_fonction");
mais cela n'a pas abouti. Alors, si quelqu'un a une idée....
Heureusement, j'ai trouvé une solution tellement simple que je n'ai pas compris pourquoi je n'y ai pas pensé plus tôt.

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

Création des Objets

1 - Définissez les dimensions générales 460x315. Couleur de fond : 000000. Frame rate = 35.

2 - Créez un carré nommé modele , tels que l'indiquent les figures :

3 - Convertissez le en sprite que vous nommerez btn.

4 - Créez maintenant un texte dynamique comme indiqué :

5 - Création du bouton RAZ :
- d'abord le cadre :

- le titre :

Groupez le tout, puis convertissez en bouton appelé b_reset.
Amusez-vous à changer les couleurs si çà vous chante.

Script SwishMax

Voici le script général de Scene_1

onLoad () 
{     
	// stocke l'état initial du bouton référent
   btn._Xinit = btn._X;   
   btn._Yinit = btn._Y;
   btn._xscaleI =  btn._xscale;
   btn._yscaleI =  btn._yscale;
	// déclare un tableau de stockage des états   
   state = new array(); 
   n = 30;    //  30 boutons
   initStates();
 
    // bouton btn mis à 0
    btn._X =  btn._Y = 0;
    btn._xscale =  btn._yscale = 0;
}
/*-----------------------------------
  fonction de clonage du bouton btn
  et de mise en position
-----------------------------------*/
function initStates()
{  
    for (i=1; i<n+1; i++)
    {
       state[j]= false;     // initialise les états
       duplicateSprite(btn,"btn"+i,i); 
       ("btn"+i)._X = btn._Xinit + (i-1)*42;
       if (i < 11) ("btn"+i)._Y = btn._Yinit;
       else if ( (i > 10) && (i <21 ) )
       {
           ("btn"+i)._Y = btn._Yinit + 42;
           ("btn"+i)._X = btn._Xinit + (i-11)*42;
       }
       else if (i > 20)
       {
           ("btn"+i)._Y = btn._Yinit + 2*42;
           ("btn"+i)._X = btn._Xinit + (i-21)*42;
       }
       ("btn"+i)._alpha = 100;
    }
}
/*------------------------------------------------
	détruit les boutons
	remet le bouton btn comme au début
--------------------------------------------------*:
function removeAll()
{
    for (i=1; i<n+1; i++)  ("btn"+i).removeSprite();  
    btn._xscale =  btn._xscaleI;
    btn._yscale =  btn._yscaleI;
}

Voici le script général de b_reset
on (release)
{
    _root.removeAll();    // supprime tous les sprites
    _root.initStates();    // reconstruit comme au départ
    _root.txtdyn = "";    // aucun bouton cliqué
}

Voici le script général de btn

Et voilà, à vous d'adapter à votre cas.

Page de Jean-Paul Molina

Matières

Ressources

Conception assistée

Langages

Flash

Systèmes

Réseaux sociaux

Tableau de boutons