Dans cette activité, nous allons faire du "coloriage".
Pour chaque figure dessinée, il y a 2 choses à considérer :
Le contour sera géré par la fonction "stroke", le "remplissage" sera géré par la fonction "fill".
Ces 2 fonctions prennent en paramètre les 3 canaux rouge, vert, bleu.
Saisissez et testez ce code
size(400,400);
background(255);
stroke(255,0,0);
fill(0,0,0);
ellipse(200,200,50,50);
Vous pouvez vérifier que le contour du cercle est rouge et que "l'intérieur" du cercle est noir.
Comme vu précédemment, si les 3 canaux R,V,B sont identiques, il est possible de mettre un seul paramètre (mettre fill(0) à la place de fill(0,0,0).
La fonction "noStroke" permet de supprimer le contour, la fonction "noFill" permet de rendre l'intérieur d'une figure incolore (comme si on ne coloriait pas l'intérieur de la figure).
Saisissez et testez ce code
size(400,400);
background(255);
stroke(255,0,0);
noFill();
ellipse(200,200,50,50);
noStroke();
fill(0);
rect(30,30,30,30);
Il est possible de jouer sur l'épaisseur du contour avec la fonction "strokeWeight" qui prend en paramètre l'épaisseur du trait en pixel.
Saisissez et testez ce code
size(400,400);
background(255);
strokeWeight(5);
stroke(255,0,0);
fill(0,0,0);
ellipse(200,200,50,50);
Afin, il est possible de modifier la transparence d'une figure en ajoutant un 4e paramètre à la fonction "fill". Plus ce paramètre sera grand et plus la figure sera opaque.
Saisissez et testez ce code
size(400,400);
background(255);
noStroke();
fill(0,255,0);
rect(200,200,50,50);
fill(255,0,0,200);
ellipse(200,200,50,50);
Créez un programme permettant d'afficher 100 disques à l'écran. La taille de chaque disque devra être aléatoire (mais comprise entre 20 et 50). La couleur et la transparence de chaque disque devront aussi être aléatoires.