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();
Exemple
À faire vous même
Vous pouvez réaliser les figures suivantes pour vous entrainer. Il s'agit d'utiliser les couleurs nommées et les formes simples. Si vous n'avez pas encore vu les formes simples, vous avez les liens vers leur syntaxe dans chaque exercice

Le drapeau français

rectangles un fond de couleur, 3 rectangles. Il faut faire attention aux coordonnées pour bien joindre les rectangles

Les cercles emboités

ellipses et cercles Pour réaliser ce dessin, il est important de commencer par les plus grands cercles, sinon, les grands cacheront les petits.

Le système solaire

ellipses et cercles On reprend l'exemple de cette page, mais en mettant un soleil jaune au centre, une terre bleue et la lune blanche.

Un paysage ensoleillé

rectangles ellipses et cercles lignes Un soleil jaune, des nuages construits avec des ellipses, un ciel bleu, une herbe verte.