1

Introduccin a Processing v1.5.1

Ral Lacabanne 2013 v1.43
Los textos que veremos a partir de ahora se presentan son el resultado de un resumen de los tpicos
presentes del libro: Processing: A Programming Handbook for Visual Designers and Artists de
Casey Reas y Ben Fry. El mismo es un manual que introduce los conceptos de programacin ms
importantes y se los aplica para ensear cmo generar de imgenes sintticas a artistas plsticos,
diseadores, entusiastas de la imagen y todos aquellos interesados en aprender esta temtica.
Antes de Processing existi un antecedente importante: DBN.

Design By Numbers

Design By Numbers (DBN) fue creado en 1999 como una plataforma de introduccin al diseo
asistido por ordenador para diseadores visuales y artistas. Conceptualizado por John Maeda en el
ACG (Aesthetics + Computation Group) del MIT, quien cree que la calidad del diseo y arte de
medios slo puede mejorar a travs del establecimiento de infraestructuras educativas en escuelas
de arte y tecnologa que fomenten la formacin de individuos transdiciplinarios competentes.

IntroduccinaProcessingv1.5+

Docente:RalLacabanne

processing.org

Aos ms tarde emergi Processing. Processing es un lenguaje y un entorno de programacin de

cdigo abierto basado en Java, de fcil utilizacin, diseado como instrumento didctico para la
enseanza y produccin de proyectos multimedia e interactivos de diseo digital. Fue iniciado en
2001 por Ben Fry y Casey Reas. Processing es desarrollado por artistas y diseadores como una
herramienta alternativa al software propietario. Puede ser utilizado tanto para aplicaciones locales
as como aplicaciones para la web.
Veamos a continuacin cmo comenzar a trabajar con el mismo.

IntroduccinaProcessingv1.5+

Docente:RalLacabanne

Punto 1 Elementos de sintaxis

Descarga y descompresin
Dirigirse a la siguiente URL: http://www.processing.org/download/ y descargar la versin apropiada
a su sistema operativo. Se recomienda a los usuarios de Windows descargar la versin Windows (a
secas) y no la versin Windows (Without Java).
Una vez descargado el archivo, descomprimirlo en alguna carpeta del disco rgido, ej: el escritorio.
Esto quiere decir que el entorno de desarrollo Processing no necesita instalacin.
A continuacin abrir la carpeta descomprimida, y para iniciar el entorno realizar doble clic en el
archivo correspondiente al siguiente icono:

Comentarios
En Processing tenemos dos formas de realizar comentarios.
El primero es un comentario simple:
//estoesuncomentario...
//...yestotambinloes

el segundo es un bloque de comentario:

/*
esto
tambin
es
un
comentario
*/

Funciones
Las funciones permiten ejecutar algoritmos, es decir, obtener un resultado a partir de un o una serie
de pasos lgicos y estructurados.
En general, el nombre de una funcin comienza en minsculas y es seguido por un par de
parntesis.
Los elementos que se encuentran entre los parntesis se llaman parmetros.
Ejemplo de funciones:
size(200,200)
IntroduccinaProcessingv1.5+

Docente:RalLacabanne

background(102)
noCursor()

Sensibilidad a maysculas y minsculas

Decimos que el lenguaje Processing es sensible a maysculas y minsculas. Esto quiere decir que
para Processing no es lo mismo escribir b que B. Por lo tanto tampoco es lo mismo escribir
size() que Size().

Espaciado
Processing es flexible a los espaciados. Sin embargo se recomienda ser prudente con los mismos
para que la lectura del cdigo sea cmoda.

Instrucciones
Si utilizamos una metfora del lenguaje humano, podemos entender a la instruccin como si fuera
una oracin.
Las instrucciones siempre se deben terminan con el signo punto y coma (;).
Dentro de una instruccin se pueden realizar muchas acciones. Algunas de ella son:
ejecutar una funcin,
definir una variable o array,
asignar un valor a una variable (o valores a un array),
construir un objeto
Ejemplo de un boceto que contiene un conjunto de instrucciones:
size(200,200);//Ejecutalafuncinsize()condosparmetros
background(102);//Ejecutalafuncinbackground()conunparmetro
noCursor();//EjecutalafuncinnoCursor()conningnparmetro

Lectura recomendada

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

2013, Introduccin (pag. 4) y Unidad 1 "Estructuras: elementos del cdigo" (pag. 6).
Reas, C. & Fry, B. "Processing: A Programming Handbook for Visual Designers and
Artists, MIT Press, 2007, Captulo Structure 1: Code Elements (pag. 17).

IntroduccinaProcessingv1.5+

Docente:RalLacabanne

Informacin complementaria
Utilizacin de la consola
//ParaimprimirunvalorUsodelafuncinprint()
print(10);//Imprime10enlaconsola
//Paraimprimiruntexto,coloqueelmismoentrecomillas
print("processing");//Imprimeprocessingacontinuacindeldatoanterior
//ParaimprimirenlneasseparadasUsodelafuncinprintln()
println(10);//Imprime10enlaconsolaysaltaaunanuevalnea
println("processing");//Imprimeprocessingysaltaaunanuevalnea

Funcin cursor() noCursor()

cursor()

Sintaxis

cursor()
cursor(MODE)
cursor(image,x,y)

Parmetros
MODE:PuedeoptarporARROW,CROSS,HAND,MOVE,TEXT,WAIT
image(PImage):cualquiervariabledeltipoPImage
x(int):elpuntoactivohorizontaldelcursor
y(int):elpuntoactivoverticaldelcursor
noCursor()

IntroduccinaProcessingv1.5+

Docente:RalLacabanne