processing
Dibujo de formas básicas

Introducción

Sintaxis

• línea (float x1, float y1, float x2, float y2)
• línea (flotador x1, flotador y1, flotador z1, flotador x2, flotador y2, flotador z2)
• elipse (flotar x, flotar y, flotar w, flotar h)
• rect (flotar x, flotar y, flotar w, flotar h)
• triángulo (flotador x1, flotador y1, flotador x2, flotador y2, flotador x3, flotador y3)

Parámetros

Observaciones

Dibujando una linea

El procesamiento proporciona un método llamado line() para dibujar una línea en la pantalla. Este código dibuja una línea blanca de 10 píxeles sobre fondo negro.

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

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

La firma de la line() de método line() es esta.

line(x1, y1, x2, y2);

x1 y y1 es una coordenada del punto de inicio. x2 y y2 es una coordenada del punto final.

El método del stroke() se usa para especificar el color de la línea que dibujará.

El método strokeWeight() se usa para especificar el grosor de la línea que dibujará. (en píxeles)

Dibujando un rectángulo

El procesamiento proporciona el método rect() para dibujar un rectángulo. Este código dibuja un rectángulo blanco de 50 x 50 sobre fondo negro.

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

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

La firma del método rect() es esta.

rect(x, y, w, h);

x e y es la coordenada del rectángulo. w y h es el ancho y la altura del rectángulo.

El método fill() se usa para especificar el color de relleno del rectángulo y otras formas, como elipse, triángulo, polígono.

El método noStroke() se usa para especificar que no hay trazos alrededor del rectángulo. Este método también afecta a otras formas como elipse, triángulo, polígono.

Dibujando un elipse

El procesamiento proporciona ellipse método para dibujar elipse. Este código dibuja un círculo blanco que tiene un radio de 25 píxeles.

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

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

La firma del método ellipse() es esta.

ellipse(x, y, w, h);

x e y es la coordenada de la elipse. w y h es el ancho y la altura de la elipse.

Dibujando un triangulo

El procesamiento proporciona el triangle del método para dibujar un triángulo. El siguiente código dibuja un triángulo casi equilátero de 25 píxeles entre cada punto de definición.

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

La firma del triangle es así:

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

Cada punto x corresponde al eje x del punto, y y al eje y. Los tres puntos se unirán para formar un triángulo.

Dibujando un triangulo

El procesamiento proporciona el método triangle() para dibujar un triángulo. Este código dibuja un triángulo blanco sobre fondo negro.

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

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