processing
Rita grundläggande former

Introduktion

Syntax

• linje (float x1, float y1, float x2, float y2)
• linje (float x1, float y1, float z1, float x2, float y2, float z2)
• ellips (float x, float y, float w, float h)
• rekt (float x, float y, float w, float h)
• triangel (float x1, float y1, float x2, float y2, float x3, float y3)

parametrar

Anmärkningar

Rita en linje

Bearbetning tillhandahåller en metod som heter line() att rita en linje på skärmen. Denna kod drar en vit 10 pixel linje på svart bakgrund.

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

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

Signaturen på metodrad line() är denna.

line(x1, y1, x2, y2);

x1 och y1 är en koordinat för startpunkten. x2 och y2 är en koordinat för slutpunkten.

Metodslag stroke() används för att ange färgen på linjen du ska rita.

Metod strokeWeight() används för att ange tjockleken på linjen du ska rita. (i pixlar)

Rita en rektangel

Bearbetning tillhandahåller metoden rect() att rita en rektangel. Denna kod ritar en vit 50 X 50 rektangel på svart bakgrund.

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

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

Signaturen på metoden rect() är denna.

rect(x, y, w, h);

x och y är rektangelns koordinat. w och h är rektangelns bredd och höjd.

Metodfyllning fill() används för att ange fyllningsfärgen på rektangeln och andra former som ellips, triangel, polygon.

Metod noStroke() används för att specificera att det inte finns några slag runt rektangeln. Denna metod påverkar också andra former som ellips, triangel, polygon.

Rita en ellips

Bearbetning tillhandahåller ellipse för att rita ellips. Denna kod ritar en vit cirkel som har en radie på 25 pixlar.

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

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

Signaturen på ellipse() är denna.

ellipse(x, y, w, h);

x och y är ellipsens koordinat. w och h är ellipsens bredd och höjd.

Rita en triangel

Bearbetning tillhandahåller triangle för att rita en triangel. Koden nedan ritar en nästan liksidig triangel på 25 pixlar mellan varje definierande punkt.

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

triangle signatur är så:

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

Varje x punkt motsvarar punktens x-axel och y med y-axeln. De tre punkterna kommer att sammanfogas för att bilda en triangel.

Rita en triangel

Bearbetning tillhandahåller triangle() att rita en triangel. Denna kod ritar en vit triangel på svart bakgrund.

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

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