processing
Dibujo de formas básicas
Buscar..
Introducción
En Procesamiento, dibujar formas es clave para el programa. De lo contrario, nada aparecería en la pantalla. Esta sección te dirá cómo se dibujan las formas básicas.
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
| Parámetro | Detalles |
|---|---|
| x1 | coordenada x del primer punto |
| y1 | coordenada y del primer punto |
| z1 | coordenada z del primer punto |
| x2 | coordenada x del segundo punto |
| y2 | coordenada y del segundo punto |
| z2 | coordenada z del segundo punto |
| x3 | coordenada x del tercer punto |
| y3 | coordenada y del tercer punto |
| X | coordenada x |
| y | coordenada y |
| w | anchura |
| h | altura |
Observaciones
Usted puede encontrar una referencia en la fundación de Processing.
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);
}