processing
Basisvormen tekenen

Invoering

Syntaxis

• lijn (float x1, float y1, float x2, float y2)
• lijn (float x1, float y1, float z1, float x2, float y2, float z2)
• ellips (zwevend x, zwevend y, zwevend w, zwevend h)
• rect (float x, float y, float w, float h)
• driehoek (float x1, float y1, float x2, float y2, float x3, float y3)

parameters

Opmerkingen

Een lijn tekenen

Verwerking biedt een methode met de naam line() om een lijn op het scherm te tekenen. Deze code tekent een witte lijn van 10 pixels op een zwarte achtergrond.

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

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

De handtekening van methode line() is deze.

line(x1, y1, x2, y2);

x1 en y1 is een coördinaat van het startpunt. x2 en y2 is een coördinaat van het eindpunt.

Methode stroke() wordt gebruikt om de kleur op te geven van de lijn die u gaat tekenen.

Methode strokeWeight() wordt gebruikt om de dikte op te geven van de lijn die u gaat tekenen. (in pixels)

Een rechthoek tekenen

Verwerking biedt methode rect() om een rechthoek te tekenen. Deze code tekent een witte rechthoek van 50 X 50 op een zwarte achtergrond.

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

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

De handtekening van methode rect() is deze.

rect(x, y, w, h);

x en y is de coördinaat van de rechthoek. w en h is de breedte en hoogte van de rechthoek.

Methode fill() wordt gebruikt om de fill() van de rechthoek en andere vormen zoals ellips, driehoek, veelhoek op te geven.

Methode noStroke() wordt gebruikt om aan te geven dat er geen lijnen rond de rechthoek zijn. Deze methode heeft ook invloed op andere vormen, zoals ellips, driehoek, veelhoek.

Een ellips tekenen

Verwerking biedt methode ellipse om ellips te tekenen. Deze code tekent een witte cirkel met een straal van 25 pixels.

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

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

De handtekening van methode ellipse() is deze.

ellipse(x, y, w, h);

x en y is de coördinaat van de ellips. w en h is de breedte en hoogte van de ellips.

Een driehoek tekenen

Voorziet het werkwijze triangle teneinde een driehoek te tekenen. De onderstaande code tekent een bijna gelijkzijdige driehoek van 25 pixels tussen elk definiërend punt.

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

De handtekening van triangle is als volgt:

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

Elk x punt komt overeen met de x-as van het punt en y met de y-as. De drie punten worden samengevoegd om een driehoek te vormen.

Een driehoek tekenen

Verwerking biedt methode triangle() om een driehoek te tekenen. Deze code tekent een witte driehoek op een zwarte achtergrond.

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

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