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.