processing
Dessin de formes de base

Introduction

Syntaxe

• line (float x1, float y1, float x2, float y2)
• line (float x1, float y1, float z1, float x2, float y2, float z2)
• ellipse (float x, float y, float w, float h)
• rect (float x, float y, float w, float h)
• triangle (float x1, float y1, float x2, float y2, float x3, float y3)

Paramètres

Remarques

Dessiner une ligne

Processing fournit une méthode nommée line() pour tracer une ligne à l'écran. Ce code dessine une ligne blanche de 10 pixels sur fond noir.

void setup() {
    size(500, 500);
    background(0);
    stroke(255);
    strokeWeight(10);
}

void draw() {
    line(0, 0, 500, 500);
}

La signature de la méthode line() est la suivante.

line(x1, y1, x2, y2);

x1 et y1 sont les coordonnées du point de départ. x2 et y2 sont les coordonnées du point final.

Method stroke() est utilisé pour spécifier la couleur de la ligne que vous allez dessiner.

La méthode strokeWeight() est utilisée pour spécifier l'épaisseur de la ligne que vous allez dessiner. (en pixels)

Dessiner un rectangle

Le traitement fournit la méthode rect() pour dessiner un rectangle. Ce code dessine un rectangle blanc de 50 X 50 sur fond noir.

void setup() {
    size(500, 500);
    background(0);
    fill(255);
    noStroke();
}

void draw() {
    rect(225, 225, 50, 50);
}

La signature de la méthode rect() est la suivante.

rect(x, y, w, h);

x et y sont les coordonnées du rectangle. w et h sont la largeur et la hauteur du rectangle.

La méthode fill() permet de spécifier la couleur de remplissage du rectangle et d'autres formes telles que l'ellipse, le triangle ou le polygone.

La méthode noStroke() est utilisée pour spécifier qu'il n'y a pas de trait autour du rectangle. Cette méthode affecte également d'autres formes telles que l'ellipse, le triangle, le polygone.

Dessiner une Ellipse

Le traitement fournit une ellipse méthode afin de dessiner une ellipse. Ce code dessine un cercle blanc qui a un rayon de 25 pixels.

void setup() {
    size(500, 500);
    background(0);
    fill(255);
    noStroke();
}

void draw() {
    ellipse(225, 225, 50, 50);
}

La signature de la méthode ellipse() est la suivante.

ellipse(x, y, w, h);

x et y sont les coordonnées de l'ellipse. w et h sont la largeur et la hauteur de l'ellipse.

Dessiner un triangle

Le traitement fournit le triangle méthode afin de tracer un triangle. Le code ci-dessous trace un triangle presque équilatéral de 25 pixels entre chaque point de définition.

void setup() {
    size(500, 500);
    background(0);
}
void draw() {
    triangle(0, 0, 25, 0, 12, 12);
}

La signature du triangle est la suivante:

triangle(x1, y1, x2, y2, x3, y3);

Chaque point x correspond à l'axe x du point et y à l'axe y. Les trois points seront joints pour former un triangle.

Dessiner un triangle

Le traitement fournit la méthode triangle() pour dessiner un triangle. Ce code dessine un triangle blanc sur fond noir.

void setup() {
    size(500, 500);
    background(0);
    fill(255);
    noStroke();
}

void draw() {
    triangle(250, 225, 225, 275, 275, 275);
}