Les couleurs nommées
Couleurs usuelles
Voici quelques couleurs usuelles comprises par tous les navigateurs et aussi par processing
nom | couleur |
---|---|
blue | |
red | |
orange | |
green | |
yellow | |
purple | |
AliceBlue | |
Chartreuse | |
Cyan | |
Plum | |
SeaGreen | |
Salmon | |
Lavender | |
grey | |
white | |
black |
Pour une liste plus complète, vous pouvez consulter la référence suivante en ligne : http://www.w3schools.com/colors/colors_names.asp
Affecter une couleur au fond
La première façon d'affecter une couleur dans processing, c'est de repeindre le fond. Pour cela on utilise la fonction background ( qui signifie arrière plan en anglais)
background(couleur);
Pour désigner une couleur, il existe plusieurs façon. L'une des plus simple, mais pas du tout la plus flexible, est d'utiliser ce que l'on appelle les couleurs nommées. Dans ce système, une couleur est représentée par son nom sous forme d'une chaine de caractère. Par exemple, si on veut avoir un fond vert, on utilisera l'instruction suivante
background("green");
Les noms des couleurs sont en anglais.
Affecter une couleur au trait
Lorsque l'on dessine une forme, que ce soit un carré, un rectangle, une ellipse, une forme complexe, ou même une simple ligne ou un point, on peut choisir la couleur du dessin. On utilise la fonction stroke (stroke signifie trait en anglais). Si par exemple on veut faire des traits verts
stroke("green");
Affecter une couleur au remplissage
De la même façon, pour des formes qui ont un intérieur, on peut choisir la couleur de remplissage. On utilise pour cela la fonction fill ( fill signifie remplissage en anglais). Par exemple, pour remplir en vert.
fill("green");
Choisir l'épaisseur du trait
Par défaut, l'épaisseur du trait est de 1 pixel. On peut la modifier en utilisant la fonction strokeWeight. Par exemple, pour avoir une épaisseur de trait de 3 pixels
strokeWeight(3);
Ne pas faire de trait
On peut vouloir choisir de ne pas avoir de trait, en particulier pour ne pas faire de bordure. La fonction à utiliser alors est noStroke
noStroke();
Ne pas faire de remplissage
Et enfin, on peut choisir de ne pas avoir de remplissage pour une forme. Pour cela, on utilise la fonction noFill
noFill();