Colorier les figures

Pour chaque figure dessinée, il y a 2 choses à considérer :

  • la couleur du contour

  • la couleur de remplissage

Comme on l'a vu dans les exemples précédents, 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.

Exemple

Saisissez et testez ce code

1
def setup():
2
    size(400,300)
3
    background(255,255,255)
4
    stroke(255,0,0)
5
    fill(0,0,0)
6
    ellipse(200,200,50,50)
7
8
def draw():
9
    pass
ComplémentEt si on ne veut pas de remplissage ou de contour ?
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).
1
def setup():
2
    size(400,300)
3
    background(255,255,255)
4
    stroke(255,0,0)
5
    noFill()
6
    ellipse(200,200,50,50)
7
    noStroke()
8
    fill(0)
9
    rect(30,30,30,30)
10
11
def draw():
12
    pass
Changer l'épaisseur du trait
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
1
def setup():
2
    size(400,300)
3
    background(255,255,255)
4
    strokeWeight(5)
5
    stroke(255,0,0)
6
    fill(0,0,0)
7
    ellipse(200,200,50,50)
8
9
def draw():
10
    pass
Transparence
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
1
def setup():
2
    size(400,300)
3
    background(255,255,255)
4
    noStroke()
5
    fill(0,255,0)
6
    rect(200,200,50,50)
7
    fill(255,0,0,200)
8
    ellipse(200,200,50,50)
9
10
def draw():
11
    pass
Exercice 9 : Pointillisme
Créez un programme permettant d'afficher 100 disques à l'écran. 
  • La taille du canevas sera de 400x400
  • La taille de chaque disque devra être aléatoire (mais comprise entre 20 et 50). 
  • Pas de trait de contour
  • La couleur et la transparence de chaque disque devront aussi être aléatoires