Les styles de bordures

Le style des traits et des bordures des formes géométriques peut être ajusté afin d'éviter l'apparition d'effets graphiques indésirables sur les lignes obliques, aux intersections ou en bout de ligne. Différentes commandes permettant d'affiner le rendu sont présentées ci-dessous.

smooth

La méthode smooth() permet d'activer le lissage des contours. Elle permet d'éviter l'effet d'escalier qui apparaît sur les lignes diagonales.

line(10, 0, 100, 90);  // Ligne sans lissage

//On active le lissage
smooth();
line(0, 10, 90, 100); // Ligne lissée

strokeWeight

La méthode strokeWeight() permet de varier l'épaisseur d'une ligne ou d'un contour.

line(10, 0, 100, 90); // Ligne de 1 pixel d'épaisseur

strokeWeight(5); //On définit l'épaisseur à 5 pixels
line(0, 10, 90, 100); // Ligne de 5 pixels d'épaisseur

strokeCap

La méthode strokeCap() permet de définir l'apparence des extrémités d'une ligne. Cette méthode n'est pas utile pour les formes. Elle peut avoir les valeurs SQUARE (extrémité carré), PROJECT (extrémité avec 2 petits angles brisés) ou ROUND (extrémité arrondie). Par défaut c'est le mode ROUND qui est utilisé. Cette méthode ne fonctionne pas avec P3D ou OpenGL.

strokeWeight(10); // On définit l'épaisseur des traits à 10 pixels
strokeCap(ROUND); // extrémité arrondie
line(20, 40, 60, 80);

strokeCap(PROJECT); // extrémité avec 2 petits angles brisés
line(20, 20, 80, 80);

strokeCap(SQUARE); // extrémité carré
line(40, 20, 80, 60);

strokeJoin

La méthode strokeJoin() permet de modifier l'aspect des jointures. Elle peut avoir les valeurs MITER, BEVEL ou ROUND. Par défaut c'est le mode MITER qui est utilisé. Cette méthode ne fonctionne pas avec P3D ou OpenGL.

size(300, 100); // On modifie la taille du sketch

strokeWeight(10); // On définit l'épaisseur à 10 pixels
strokeJoin(MITER); // Jointure carré
rect(20, 20, 60, 60);

strokeJoin(BEVEL); // Jointure brisée
rect(120, 20, 60, 60);

strokeJoin(ROUND); // Jointure arrondie
rect(220, 20, 60, 60);