6

Punto 2 Coordenadas y figuras primitivas

Coordenadas
En Processing, el origen se encuentra en el margen superior izquierdo.

Primitivas: punto

point(20,20);
point(30,30);
point(40,40);
point(50,50);
point(60,60);

Primitivas: lnea

line(25,90,80,60);
line(50,12,42,90);
line(45,30,18,36);

Primitivas: elipse

IntroduccinaProcessingv1.5+

Docente:RalLacabanne

7
ellipse(40,40,60,60);//crculogrande
ellipse(75,75,32,32);//crculopequeo

Primitivas: rectngulo

rect(15,15,40,40);//cuadradogrande
rect(55,55,25,25);//cuadradopequeo

Orden de dibujo
En Processing, el orden de dibujo siempre es secuencial, es decir, la primer instruccin se
representa primero, las siguientes por encima, y la ltima por sobre todas estas.
rect(15,15,60,60);//cuadradoinferior
rect(20,20,40,40);//cuadradointermedio
rect(25,25,20,20);//cuadradosuperior

Suavizado
En Processing existe una funcin que aplica a la imagen resultante un filtro antialias (postproceso)
para suavizar los contrastes cromticos al dibujar figuras. La funcin para activar esta propiedad es:
smooth()

Y cuando deseamos desactivarla, utilizamos la funcin:

noSmooth()

Atributos: strokeWeight() - Tamao de contorno

smooth();
strokeWeight(1);//pordefecto
line(20,20,80,20);
IntroduccinaProcessingv1.5+

Docente:RalLacabanne

8
strokeWeight(4);//4pixeles
line(20,40,80,40);
strokeWeight(10);//10pixeles
line(20,70,80,70);

Atributos: strokeCap() - Extremo de contorno

smooth();
strokeWeight(12.0);
strokeCap(ROUND);//redondeado
line(20,30,80,30);
strokeCap(SQUARE);//plano
line(20,50,80,50);
strokeCap(PROJECT);//proyeccin
line(20,70,80,70);

Atributos: strokeJoin() - Junta de contorno

smooth();
strokeWeight(10);
strokeJoin(MITER);//mitra
triangle(50,20,80,80,20,80);
smooth();
strokeWeight(10);
strokeJoin(BEVEL);//bisel
triangle(50,20,80,80,20,80);
smooth();
strokeWeight(10);
strokeJoin(ROUND);//redondeada
triangle(50,20,80,80,20,80);

IntroduccinaProcessingv1.5+

Docente:RalLacabanne

Lectura recomendada

Buioli, I. & Prez Marn, J. "Processing: un lenguaje al alcance de todos", Autoedicin,

2013, Unidad 2 "Formas: coordenadas y primitivas" (pag. 9).
Reas, C. & Fry, B. "Processing: A Programming Handbook for Visual Designers and
Artists, MIT Press, 2007, Captulo Shape 1: Coordinates, Primitives (pag. 23).

Informacin complementaria
Primitivas: tringulo

triangle(60,10,25,60,75,65);

Primitivas: cuadriltero

quad(38,31,86,20,69,63,30,76);

Primitivas: curva bezier

bezier(32,20,80,5,80,75,30,75);
//Dibujodepuntosdecontrol
line(32,20,80,5);
ellipse(80,5,4,4);
line(80,75,30,75);
ellipse(80,75,4,4);

IntroduccinaProcessingv1.5+

Docente:RalLacabanne

10

Ejercicio 01

Escribir un boceto con la finalidad de componer un cuadro, con una resolucin de 300x300
pxeles, que contenga las siguientes figuras:
dos elipses, cuatro lneas y un rectngulo.
Comentar todas las instrucciones.

De aqu en ms adaptar el siguiente comentario (a modo de ttulo) e ingresarlo en el lugar de la

primera instruccin:
//***********************************************
//*Alumno:Nombreyapellidodelalumno*
//*Legajo:xxxxx*
//*EjercicioNro:01*
//*Asignatura:xxxx
*
//*Carrera:xxxx
*
//*Institucin:UNQ*
//*Ao:XXXXCuatrimestre:x*
//***********************************************

Ejercicio 2

Componer un cuadro con una resolucin de 300x300 que contenga las siguientes figuras:
dos elipses, cuatro lneas y un rectngulo.
Generar las figuras con cambios de atributos.
Comentar todas las instrucciones.

IntroduccinaProcessingv1.5+

Docente:RalLacabanne