A › 1 - Dessins élémentaires

Fenêtres

La fenêtre dans laquelle les dessins sont réalisés a une taille par défaut de 100 pixels sur 100 pixels.

La fonction size(largeur,hauteur) permet de définir une fenêtre personnalisée.

size(150,50);

Formes

La fonction point(x,y) permet de tracer un point de coordonnées (x,y).

point(30,70);

L'origine du repère est située en haut à gauche.

Les abscisses augmentent de gauche à droite, les ordonnées augmentent de haut en bas.

La fonction line(x1,y1,x2,y2) permet de tracer un segment reliant les deux points de coordonnées (x1, y1) et (x2, y2).

line(30,70,90,50);

La fonction rect(x,y,largeur,hauteur) permet de tracer un rectangle dont le sommet en haut à gauche a pour coordonnées (x,y), et dont la largeur et la hauteur prennent les valeurs fixées.

rect(30,70,60,20);

voir aussi : rect() et rectMode() sur le site processing.org

La fonction ellipse(x,y,largeur,hauteur) permet de tracer une ellipse dont le centre a pour coordonnées (x,y), et dont la largeur et la hauteur prennent les valeurs fixées.

ellipse(30,70,40,20);

voir aussi : ellipseMode() sur le site processing.org

Lorsque les valeurs de largeur et hauteur sont égales, la fonction ellipse(x,y,largeur,hauteur) permet de tracer un cercle de centre le point de coordonnées (x,y), et de diamètre la valeur commune.

ellipse(30,70,40,40);

La fonction triangle(x1,y1,x2,y2,x3,y3) permet de tracer un triangle dont les trois sommets ont pour coordonnées (x1,y1), (x2,y2) et (x3,y3).

triangle(30,70,90,50,50,10);

La fonction quad(x1,y1,x2,y2,x3,y3,x4,y4) permet de tracer un quadrilatère dont les quatre sommets ont pour coordonnées (x1,y1), (x2,y2), (x3,y3) et (x4,y4).

quad(30,70,90,50,50,10,10,50);

La fonction arc(x,y,largeur,hauteur,angleDébut,angleFin) permet de tracer un arc de l'ellipse définie par ellipse(x,y,largeur,hauteur), entre les points repérés par les angles angleDébut et angleFin.

L'orientation du repère "vers le bas" induit une inversion du sens de parcours par rapport au sens trigonométrique usuel.

arc(30,70,80,80,3*PI/2, 2*PI);

voir aussi : arc() sur le site processing.org

Tracés

La fonction strokeWeight(epaisseur) permet de définir l'épaisseur du tracé en pixels. La valeur par défaut est de 1 pixel.

strokeWeight(1); // épaisseur 1 pixel

line(10,10,90,10); // ligne du haut

strokeWeight(5); // épaisseur 5 pixels

line(10,40,90,40); // ligne du centre

strokeWeight(15); // épaisseur 15 pixels

line(10,75,90,75); // ligne du bas

voir aussi : strokeCap() et strokeJoin() sur le site processing.org

La fonction noStroke() permet de désactiver le tracé du contour des figures.

rect(10,10,35,35); // carré du haut

noStroke();

rect(50,50,35,35); // carré du bas

Remplissage

La fonction noFill() permet de désactiver le remplissage des figures.

rect(10,10,35,35); // carré du haut

noFill();

rect(50,50,35,35); // carré du bas