Processing
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);
