Différents types de pinceaux

Pour choisir une couleur on va procéder de 2 façons différentes :

• Si nous voulons une couleur en niveau de gris, on va utiliser un seul nombre entre 0 (correspondant au noir) et 255 (correspondant au blanc).
• Si nous voulons une couleur en rouge vert bleu, on va utiliser 3 nombres (r,g,b) qui vont chacun de 0 à 255. Le r correspond à l'intensité de rouge, le v à l'intensité de vert et le b à l'intensité de bleu.
  Il faut jouer avec ces 3 nombres pour avoir différentes couleurs.
  (si les trois nombres (r,g,b) ont la même valeur, par exemple (125,125,125) nous aurons des niveaux de gris)

Pour nos dessins, on va utiliser 2 types de pinceaux :

• un pinceau de traçage pour dessiner les contours de la forme
• un pinceau de remplissage pour colorier l'intérieur de la forme

Pour utiliser ces 2 pinceaux nous avons différentes fonctions disponibles. Le principe est d'appeler ces fonctions pour définir le type de remplissage et de traçage puis d'appeler des fonctions de dessin pour dessiner la forme voulue avec les paramètres définis avant.

Voici les différentes fonctions dont vous allez avoir besoin :

→ Pour le pinceau de traçage : On utilise la fonction stroke qui peut être utilisée de 2 façons différentes selon les informations qu'on lui indique :

• stroke(intensité_de_gris) (une seule information): définit l'intensité de gris des contours des formes qui seront dessinées par la suite.
  • Exemple : stroke(0)
• stroke(rouge, vert, bleu) (3 informations): définit la couleur (en intensité de rouge, vert et bleu) des contours des formes qui seront dessinées par la suite.
  • Exemple : stroke(255,0,0)
• noStroke() : indique que les formes n'ont pas de contours visibles.

→ Pour le pinceau de remplissage : On utilise la fonction fill qui peut être appelée de 2 façons différentes selon les informations qu'on lui indique :

• fill(intentité_de_gris) (une seule information): définit l'intensité de gris de remplissage des formes qui seront dessinées par la suite.
  • Exemple : fill(0)
• fill(rouge, vert, bleu) (3 informations): définit la couleur (en intensité de rouge, vert et bleu) de remplissage des formes qui seront dessinées par la suite.
  • Exemple : fill(0,0,255)
• noFill() indique que les formes qui seront dessinées par la suite ne seront pas remplies par une couleur. La couleur de la toile sera donc visible.

On peut avoir en même temps un pinceau de contour et un pinceau de remplissage, qui chacun peuvent être de couleurs différentes.
EXEMPLE :

#dessine en rouge un rectangle  et une ellipse
stroke(255,0,0)
rect(20, 10, 350, 300)
ellipse(200, 50, 30, 20)

#dessine un rectangle bleu sans contour
noStroke()
fill(0,0,255)
rect(50, 275, 10, 10)

Attention : tant que l'on n'a pas pris de pinceau, on dessine dans le vide et rien ne s'affichera sur la toile.
Rappel !
Pour notre découpeuse laser nous n'utiliserons que 3 couleurs :

• le rouge pour indiquer une découpe (255,0,0)
• le noir pour indiquer que l'on veut tracer sans faire de découpe (0)
• le bleu pour indiquer que l'on veut remplir la forme (colorier) (0,0,255)