Les Boucles

Comme vous le savez, Flash lit le code dans l'ordre : de haut en bas.
Une fois arrivé tout en bas : il s'arrête.


Eh bien avec une boucle, vous allez pouvoir demander à ce qu'une partie du code, un bloc d'instructions, soit répété un certain nombre de fois.
Et pour illustrer mes propos, je vais me permettre de ressortir sans autorisation, alors ne le répétez pas, une image d'un autre tuto du site que vous reconnaîtrez.

Le système de boucle de Flash est exactement le même que celui du C ou du Php, ceux qui savent déjà comment utiliser les boucles peuvent donc sauter ce chapitre.

Cela dit, les nouveaux en Flash font souvent une erreur importante. Ils pensent que en faisant une boucle qui déplace un clip sur la scène, l'utilisateur verra ce clip se déplacer. C'est faux ! Tant que Flash n'a pas fini d'exécuter tout le code qu'il voit, il n'affichera rien !

Nous allons déjà regarder la boucle simple existante : la boucle while.

Tout comme if qu'on a vu précédemment, while va exécuter du code si une condition booléenne est remplie (retournez vite dans le chapitre précédent si vous avez pas compris les derniers mots ).

En français, voilà ce que donnerait une boucle while :

Code : Autre

Et en Flash :

Code : Autre

Ainsi, tant que la condition est remplie, Flash réexécutera le code à l'intérieur de la boucle.


Là c'est le bordel. C'est ce qu'on nomme une boucle infinie. L'animation Flash restera figée un bon moment, mais au bout de quelques dizaines de (longues) secondes, Flash vous demandera si vous souhaitez continuer l'exécution du code, où si vous préférez arrêter tout. C'est un mécanisme de protection pour les utilisateurs.

Amusons-nous un peu.

Code : Autre

Vous pouvez observer dans la fenêtre de sortie que l'effet est immédiat. Vous pouvez voir tous les chiffres de 10 à 1.

Maintenant, pour le plaisir, un exemple de ce qu'il ne faut pas faire :

Code : Autre

Pour tester, vous pouvez exécuter ce code, vous pourrez ainsi voir la fenêtre de Flash demandant s'il est raisonnable de continuer d'exécuter le script.

C'est tout ce qu'il y a à savoir sur les boucles while.

Voilà une boucle plus évoluée que while, il s'agit de for.
En fait, for est une boucle while condensée, tout comme les ternaires étaient des if condensés.

En français :
Code : Autre

Tout à l'heure on a écrit :

Code : Autre

Et maintenant la même chose avec for :

Code : Autre

Vous retrouvez tous les éléments, mais dans le désordre.
On initialise la variable, on écrit la condition nécessaire à l'exécution de la boucle, et dans cet exemple on décrémente la variable. On sépare tout ça par des points virgules ;

Pour les matheux, vous verrez une analogie avec ce qu'on appelle les démonstrations par récurrence.

Maintenant, voyons comment faire si on voulait que la fenêtre de sortie ne nous affiche pas 10 jusqu'à 1 mais 1 jusqu'à 10.
Secret (cliquez pour afficher)

Comme vous avez remarqué, dans ce cas on déclare la variable égale à 1, pas zéro. Sinon, la première valeur affichée serait 0, car l'incrémentation ne s'effectuera qu'après la première lecture du bloc contenu dans la boucle. Il ne faut pas oublier de préciser la condition inverse, c'est-à-dire tant que monnombre strictement plus petit que 10 et changer la décrémentation en incrémentation.

Je trouvais ça triste d'écrire un chapitre sur les boucles sans s'amuser un peu avec. Et pour cela je vous ai préparé un petit exercice sympathique et qui se révélera utile :

Vous souhaitez que la fenêtre de sortie vous affiche une fois "No problemo", une fois "Aïe caramba" et cela de façon alternée une vingtaine de fois :
Code : Autre

Comment faire ?
Avant de regarder les solutions, cherchez un peu.

Il existe des dizaines de façons de répondre à cet exercice.
Moi j'ai décidé d'utiliser une boucle for dans les deux solutions que je vous propose.

La première solution

C'est la plus logique et la plus facile à comprendre.

Code : Autre

On déclare la variable machaine et on lui affecte la valeur "No Problemo".
Ensuite dans une boucle for qui va s'exécuter 20 fois, je place une condition avec structure ternaire histoire de gagner de la place (et de vous faire réviser la précédente leçon ).
Code : Autre

Et puisqu'il n'y a que deux possibilités de valeur, ça fonctionne très bien.

La seconde solution

Plus "mathématique", mais aussi plus courte, voici la seconde solution :

Code : Autre

On utilise ici les modulos.
On déclare une chaîne de caractères vide : machaine
Et dans une boucle répétée 20 fois, on va utiliser les modulos.



Il faut savoir que la division euclidienne de n'importe quel nombre entier (sans virgule si vous préférez) par 2 ne donnera que deux restes possibles : 0 ou 1.
Code : Autre

J'ai décidé pour que le code soit plus clair de passer encore une fois par la variable machaine.
Cela dit, elle n'est pas obligatoire avec la solution des modulos. On aurait pu mettre directement la condition dans la fonction trace et on aurait gagné 3 lignes.

Code : Autre

J'espère que vous avez trouvé ce petit exercice sympathique. Sachez que pouvoir de façon simple échanger deux valeurs dans une variable se révèle souvent très utile, par exemple pour colorier de couleurs différentes une ligne sur deux d'un tableau.

1
2
3
4

monclip._x = 0;
for (var monnombre:Number = 21; monnombre>0; monnombre--) {
        monclip._x ++;
}

1
2
3

while(monclip._alpha >= 0) {    
        monclip._alpha --;
}

1
2
3

while(false) {  
        monclip._alpha --;
}

1
2
3

for (var monnombre:Number = 21; monnombre>0; monnombre--) {
        trace((monnombre%2 == 1) ? "No Problemo" : "Aïe Caramba");
}

1
2
3

for (var monnombre:Number = 21; monnombre>0; monnombre--) {
        trace((monnombre%3 == 1) ? "No Problemo" : "Aïe Caramba");
}