Les boucles permettent de répéter des actions sans avoir à écrire plusieurs fois les mêmes instructions.

La boucle for est utilisée quand on connait déjà le nombre d'itérations de la boucle avant même de l'appeler.

for (initialisation ; condition ; incrémentation) {
	instruction1 ;
	instruction2 ;
}

Exemple :

function setup() {
   createCanvas(600, 80);
   background('#F05B01');
 
   for (var i=30; i<600; i =i+30){
     ellipse(i, 40, 20);
   }
}
function draw() {
 
}

Résultat de l'exemple :

• Initialisation : on initialise une variable i qui vaut 30.
• Condition : on définit dans la condition que la boucle continue tant que i est strictement inférieur à 600.
• Incrémentation : on indique que i sera incrémentée de 30 à chaque itération terminée.

A faire vous-même 1	projet5-1
Créez un sketch permettant d'afficher 300 disques sur un canvas de 400 x 400. La taille de chaque disque devra être aléatoire (mais comprise entre 20 et 50). La couleur de chaque disque devra aussi être aléatoire. Aide : Pour générer un nombre aléatoire entre 20 et 50, il faut utiliser la fonction random(20,50).

A faire vous-même 2	projet5-2
Créez un sketch permettant d'obtenir le dégradé ci-dessous. Le canvas aura pour dimension 255 x 255 Avec un petite modification, on peut obtenir un dégradé. Essayer de l'obtenir.