processing
Rysowanie podstawowych kształtów

Wprowadzenie

Składnia

• linia (float x1, float y1, float x2, float y2)
• linia (float x1, float y1, float z1, float x2, float y2, float z2)
• elipsa (float x, float y, float w, float h)
• rect (float x, float y, float w, float h)
• trójkąt (float x1, float y1, float x2, float y2, float x3, float y3)

Parametry

Uwagi

Rysowanie linii

Przetwarzanie zapewnia metodę o nazwie line() celu narysowania linii na ekranie. Ten kod rysuje białą linię 10 pikseli na czarnym tle.

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

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

Oto podpis metody line() .

line(x1, y1, x2, y2);

x1 i y1 to współrzędna punktu początkowego. x2 i y2 to współrzędna punktu końcowego.

Metoda stroke() służy do określania koloru rysowanej linii.

Metoda strokeWeight() służy do określania grubości rysowanej linii. (w pikselach)

Rysowanie prostokąta

Przetwarzanie zapewnia metodę rect() celu narysowania prostokąta. Ten kod rysuje biały prostokąt 50 x 50 na czarnym tle.

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

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

Oto podpis metody rect() .

rect(x, y, w, h);

x i y jest współrzędną prostokąta. w i h to szerokość i wysokość prostokąta.

Metoda fill() służy do określenia koloru wypełnienia prostokąta i innych kształtów, takich jak elipsa, trójkąt, wielokąt.

Metoda noStroke() służy do określenia, że wokół prostokąta nie ma pociągnięć. Ta metoda wpływa również na inne kształty, takie jak elipsa, trójkąt, wielokąt.

Rysowanie elipsy

Przetwarzanie zapewnia ellipse metody w celu narysowania elipsy. Ten kod rysuje białe koło o promieniu 25 pikseli.

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

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

Oto podpis metody ellipse() .

ellipse(x, y, w, h);

x i y jest współrzędną elipsy. w i h to szerokość i wysokość elipsy.

Rysowanie trójkąta

Przetwarzanie zapewnia triangle metody w celu narysowania trójkąta. Poniższy kod rysuje prawie równoboczny trójkąt o wielkości 25 pikseli między każdym punktem definiującym.

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

Sygnatura triangle jest następująca:

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

Każdy x odpowiada a punktem na osi x i y do osi y. Trzy punkty zostaną połączone, tworząc trójkąt.

Rysowanie trójkąta

Przetwarzanie zapewnia metodę triangle() do narysowania trójkąta. Ten kod rysuje biały trójkąt na czarnym tle.

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

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