meta données pour cette page
  •  

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
boucles [2016/09/18 18:02] Alexandre Castonguayboucles [2016/09/18 22:25] (Version actuelle) Alexandre Castonguay
Ligne 1: Ligne 1:
-Copié avec quelques adaptations depuis : https://fr.flossmanuals.net/processing/les-repetitions/ +====Les boucles====
- +
-**Les boucles**+
  
-Les boucles permettent d'exécuter une série d'instructions plusieurs fois de suite. Elles évitent de dupliquer inutilement des portions de code. Lorsque l'ordinateur lit le programme et rencontre une boucle, il va exécuter instantanément autant de fois de suite le code écrit dans le bloc de la boucle qu'on lui a indiqué.+Les boucles permettent d'exécuter une série d'instructions plusieurs fois de suite. Elles évitent de dupliquer inutilement des portions de code. Lorsque l'ordinateur lit le programme et rencontre une boucle, il va exécuter le code écrit dans le bloc de la boucle qu'on lui a indiqué. Il le fait instantanément et autant de fois de suite tant que sa condition est vraie.
  
 **La boucle for** **La boucle for**
  
-Ce type de boucle permet de répéter une série d'instructions un nombre de fois défini. Elle incorpore une variable qui va s'incrémenter à chaque passage dans la boucle. On utilise souvent 'i' comme nom pour la variable interne de la boucle. Elle comprend : un nombre de départ, un nombre maximal et une incrémentation. Sa syntaxe est la suivante : for (int i = NombreDeDépart; i < NombreMaximal; i = i + INCREMENT) { }.  +Ce type de boucle permet de répéter une série d'instructions un nombre de fois défini. Elle incorpore une variable qui va s'incrémenter après chaque passage dans la boucle. On utilise souvent 'i' comme nom pour la variable interne de la boucle. Elle comprend : un nombre de départ, un nombre maximal et une incrémentation. Sa syntaxe est la suivante : for (i = NombreDeDépart; i < NombreMaximal; i = i + INCREMENT) { }.  
    
  
Ligne 39: Ligne 37:
 <sxh js> <sxh js>
 function setup() { function setup() {
-createCanvas(625, 500);  // crée un canvas de 600 par 500 pixels+createCanvas(625, 500); 
 } }
  
 function draw() { function draw() {
-    background(0); // change la couleur de l'arrière-plan +    background(0);  
-    stroke(255,200,255); // détermine la couleur des lignes +    stroke(255,200,255);  
-    +   
     for(i=0;i<10;i++){      for(i=0;i<10;i++){ 
         line(50, i*50, 550, i*50);  // dessine une ligne à chaque fois que la boucle est appelée. Ici 'i' va changer de valeur.                line(50, i*50, 550, i*50);  // dessine une ligne à chaque fois que la boucle est appelée. Ici 'i' va changer de valeur.       
Ligne 54: Ligne 52:
  
 Le premier code contient dix fois l'instruction line(), le second code est réalisé à partir d'une boucle. Le résultat des deux codes est le même, la différence se situant au niveau de la longueur du code, l'un étant plus rapide à saisir (et ultérieurement à modifier) que l'autre. Le premier code contient dix fois l'instruction line(), le second code est réalisé à partir d'une boucle. Le résultat des deux codes est le même, la différence se situant au niveau de la longueur du code, l'un étant plus rapide à saisir (et ultérieurement à modifier) que l'autre.
 +
 +Exemple : afficher des carrés disposés en ligne et colonnes.
 +
 +<sxh js>
 +
 +function setup() {
 +createCanvas(625, 500); 
 +}
 +
 +function draw() {
 +    background(0);
 +    translate(70,15);  // déplace l'espace de dessin
 +    noFill(); // évite de remplir les rectangles
 +    stroke(255,200,255); 
 +    for(i=0;i<10;i++){    // première boucle
 +        for(j=0;j<10;j++){  // seconde boucle    
 +           rect(i * 50, j*50, 20, 20);   // appel de la fonction rect()   
 +        }  // fin de la première boucle            
 +    }  // fin de la seconde boucle 
 +}
 +</sxh>
 +
 +Copié avec quelques adaptations depuis : https://fr.flossmanuals.net/processing/les-repetitions/