Triqui desarrollado en Proccesing

Mosquera Daniel, Manosalva David.


Abstract—Processing is an open source
programming language and integrated III MARCO TEORICO
development environment (IDE) built for the
electronic arts, new media art, and visual design Proccesing
communities with the purpose of teaching the
fundamentals of computer programming in a Processing es un lenguaje de programación y entorno
visual context, and to serve as the foundation for de desarrollo integrado de código abierto basado en
electronic sketchbooks. Java, de fácil utilización, y que sirve como medio
para la enseñanza y producción de proyectos
Índice de Términos— Lenguaje de multimedia e interactivos de diseño digital. Fue
programación, java, código abierto, iniciado por Ben Fry y Casey Reas a partir de
reflexiones en el Aesthetics and Computation Group
del MIT Media Lab dirigido por John Maeda.
I. INTRODUCION
IDE
Lenguaje de programación de código abierto para
gente que quiere crear imágenes, animaciones e Processing dispone de un IDE (Integrated
interacciones. Inicialmente desarrollado como Developement Environment) propio desarrollado en
software para crear bocetos de trabajo y enseñar los Java. Figura 1 IDE Proccesing
principios de la programación en un contexto visual,
Processing ha evolucionado hacia una herramienta
de producción profesional. Hoy hay decenas de miles
de estudiantes, artistas, diseñadores, investigadores y
aficionados que usan Processing para aprender, hacer
prototipos y producir proyectos a diario.

II OBJETIVO GENERAL

Explorar, diseñar, aplicar un algoritmo basado en el

lenguaje proccesing, usando las diferentes
herramientas de que este nos proporciona para el
desarrollo de algoritmos.
 Figura 1 IDE Proccesing

Menu: En el menú encontraremos opciones como lo

son las relacionadas al archivo (guardar, abrir,
exportar), editar, sketch, depuración, herramientas y
ayuda.

Barra de Herramientas: Aquí se encuentra las

herramientas que nos ayudaran a darle Play y Stop a
nuestro algoritmo.

Pestañas: Se controla todos los códigos que se han

escrito permitiéndonos abrir varios a la vez y
enlazarlos entre ellos.

Editor de Texto: En este espacio se escribe el

algoritmo. Figura 2. Lienzo Proccesing

Mensajes: Todos los errores de sintaxis del algoritmo El Lenguaje Proccesing

serán y demás alertas se visualizaran aquí.
Consola: Visualizaremos el código ejecutado en ella.
N° de Líneas: Se enumeraran la cantidad de líneas
que escribimos en el editor de texto.
Lienzo: En el lienzo se visualizara ya nuestro
algoritmo en forma de figura o implementación que
decidimos crear. Figura 2 Lienzo Proccesing
Tamaño del lienzo o superficie de dibujo.
Para establecer el tamaño del lienzo es necesario
definir el ancho (eje x) y el alto (eje y) de la
superficie.
size(ancho,alto);
Ej. size(400,400);
Coordenada Posición (punto) en el espacio
Processing está basado en Java 1.4.2 (sólo unas
cuantas modificaciones con objeto de simplificar la
programación).
Se puede utilizar 1.5 y posteriores pero utilizando
otro entorno de desarrollo (aplicación Java pura y
utilizando las clases de la librería gráfica de
processing).
Processing permite programar a la ‘C’
(programación estructurada, a base de funciones).
Pero es conveniente aprovechar su enfoque orientado
a objetos (ligeras modificaciones de las clases Java).
Variables: type name;
Tipos básicos: byte, short, int(178), long (8864L),
float (37.266F), double (37.266/26.77e3), char (‘c’),
boolean(true/false)

Arrays: byte[ ] array;

Inicialización: type name = value;

Constantes: final type variable = value;

Aritméticos: +,-,*,/,%,++,--
Relacionales: >,>=,<,<=,==,!=
Condicionales (logic): &&,||,!,&,|,^
Operaciones con bits: <<,>>,&,|,^,~
Funciones: tipo_retorno nombreFunción(lista de
parámetros) Si se definen funciones propias en
processing, se está obligado a dar implementación
al menos a la función predefinida setup()

Asignación:=,+=,-,*=,/=,%=,&=,|=,^=,<<=,>>= Strings:
String mensaje = “hello”;
Otros: ?:,[],.,(type),new,instanceof String mensaje = “hello” + “bye”;

Precedencia: Gran cantidad de métodos:

1. expr++,expr-- length()
2. ++expr,--expr,~,!
3. *,/,% Acceso a un carácter: charAt()
4. +,- substring()
5. <<,>>
6. <,>,<=,>=,instanceof Modificación:
7. ==,!= concat(),replace(),trim(),toLowerCase(),etc.
8. &
9. ^ Búsqueda: indexOf(), lastIndexOf(), etc.
10. |
11. && Comparación: startsWith(), endsWith(),
12. || compareTo(), etc.
13. ?:
14. =,+=,-,=,*=,/=, %=,&=,^=,|=,<<=,
>>=
Esquema de Eventos
Delimitadores de bloque: { instrucciones; }
De acuerdo a la necesidad nos podemos valer del
While: esquema que más nos convengan para organizar
while ( expr ) { instrucciones } nuestro algoritmo. Figura 4 Esquema de Eventos.
do { instrucciones } while ( expr )

for:
for ( begin; end; inc ) {instrucciones }

if/else
if ( expr ) {instrucciones }
if ( expr ) {instrucciones } else { instrucciones }

switch
switch ( var ) { case val: instrucciones default: }

Saltos: break, continue, return

Comentarios: // Este comentario va hasta el final de Figura 4. Esquema de Eventos.

línea /* Este comentario es multilínea */
 David Alejandro Manosalva
V IMPLEMENTACION Y CONCLUCIONES Cabrera, 22 de febrero de
1994, Santiago de Cali,
tecnólogo en automatización
industrial SENA CEAI,
labora como instrumentista
industrial en EKA
corporación, estudia
ingeniería electrónica en la universidad Antonio José
REFERENCIAS Camacho.
Tutorial Introductorio a Proccesing
http://www.joan.cat/processing/cs/index.html

Tutorial de Proccesing en Español

http://www.edgargonzalez.com/2007/12/13/tutorial-
de-processing-en-espanol/

Introducccion a Proccesing
http://mosaic.uoc.edu/2012/04/30/introduccion-a-
processing/

Taller introducción a la programación creativa con

Processing
http://processing-spain.blogspot.com.co/

Daniel
Mosquera nació
en Valle del
Cauca, Cali, en
1986. Recibió el
Título de
Tecnólogo en
Automatización
Industrial del SENA, Regional Valle, en
2014. Actualmente estudia Ingeniería Electrónica
en la universidad Antonio José Camacho, y trabaja
en Laboratorios Baxter desempeñados en el área de
empaque como técnico en mantenimiento y líder
TPM del área, logrando que su equipo haya pasado
el paso cuatro de esta metodología y actualmente
trabajando y liderando el paso 5.