Lysergic Robots (BETA)

Después de siete años de ser una versión Beta, Processing llega a su versión 1.0.

Processing es un lenguaje de programación de código abierto y un Entorno de Desarrollo Integrado (IDE) desarrollado inicialmente por Casey Reas y Ben Fry en el Instituto Tecnológico de Massachusetts (MIT) -especificamente en el Media Lab dedicado a la investigación y desarrollo de proyectos donde convergan multimedia y tecnología-, orientado a las artes electrónicas y el diseño digital. Con el puedes programar imagenes, animaciones y crear interacciones físicas. Lo interesante de este proyecto es que no se limita a la pantalla de una computadora sino te permite interactuar con el mundo físico mediante microcontroladores, e incluso existen proyectos para dispositivos móviles.

Mucha gente cree que la programación es solo para ingenieros o personas que son buenas para las matemáticas; Processing quiere alentar a los artistas y diseñadores a acercarse a ésta para aprender a construir sus propias herramientas. Todo esto bajo la filosofía del movimiento Open Source.

Processing tiene un amplio rango de aplicaciones como la animación, instalaciones multimedias, netart, software art, visualización de datos, arte generativo, video producción, proyectos web, entre otros.

Su interfaz es muy sencilla, pero lo que se puede lograr con ella es realmente interesante. Es multiplataforma, Open Source y esta licenciado bajo la GNU GPL (Licencia Pública General de GNU). Puede descargarse desde su página web.

Aún tengo la Beta, no he actualizado, je.



Algunos ejemplos realizados con Processing

We Feel fine
Esta página implementa un programa escrito en Processing el cual recopila información de blogs en  donde aparezca la frase «I feel» o «I am feeling«, cuando la encuentra identifica el sentimiento y lo guarda junto a información como edad, género, locación geográfica del autor, así mismo las condiciones climáticas en que fue escrita la frase. We Feel Fine is an exploration of human emotion.

Grass Wall de Barbarian Group

Este proyecto muestra la interactividad que se puede lograr con Processing; cada vez que una persona pasaba frente a la pared de hierba proyectada, las plantas se movían siguiendo a la persona. Hay algunas imágenes en su sitio aunque no se comparan con el video que ya no esta mas online. Espero pronto lo vuelvan a subir.

Software Kaleidoscope

Processing esta basado en Java, pero se diferencian en varios aspectos como la complejidad del código, teniendo Processing un estílo mas simplificado. Aunque al momento de compilarse el código se convierte en Java puro, mediante un applet.

Existen varias webs donde puedes aprender a escribir tus primeros programas con Processing incluyendo su página oficial en donde ademas puedes checar la exhibición de proyectos realizados con Processing. Aunque si te quieres meter de lleno, te recomiendo adquieras un libro especializado como Processing, A Programming Handbook for Visual Designers and Artists; Type+Code, Processing for Designers; Processing, Creative Coding and Computational Art y Learning Processing, A Begginer’s Guide to Programming Images, Animation and Interaction.
El primero, es un libro muy completo -mas de 700 páginas-, fue escrito por Casey Reas y Ben Fry, los iniciadores de Processing; el de Type+Code se ve que es una buena elección, enfocado mas en la tipografía que es uno de los temas que adolece el Handbook (solo tres páginas), escrito por Yeohyun Ahn y Viviana Cordova; el tercero escrito por Ira Greenberg, cuenta con un buen apartado de teoría y el cuarto de mas reciente publicación, escrito por Daniel Shiffman.

Mientras, aquí un buen tutorial para mentes Macromedia (cuando aún existia, ahora sería para mentes Adobe).

Mi Sketch

Y mi aporte con un sketch muy simple, en donde las líneas reaccionan al movimiento del mouse, cambiando de forma y generando otras (estoy seguro que podría sintetizar el código en menos líneas, pero aún no sé como):

// Inicio
void setup() {
size(300, 300);
}

int s = 150;
int r = 15;
int d = 285;
int bg = 0;

void draw() {
background(0);
stroke(211, 24, 47, 255);
strokeWeight(2);
float x = mouseX;
float y = mouseY;
// arriba
line(x+5, s, x+30, y-40);
line(x-5, s, x-30, y-40);
line(x+5, r, x+30, y-40);
line(x-5, r, x-30, y-40);
// abajo
line(x+5, s, x+30, y+40);
line(x-5, s, x-30, y+40);
line(x+5, d, x+30, y+40);
line(x-5, d, x-30, y+40);
// arriba2
line(x+5, s, x+40, y-40);
line(x-5, s, x-40, y-40);
line(x+5, r, x+40, y-40);
line(x-5, r, x-40, y-40);
// abajo2
line(x+5, s, x+40, y+40);
line(x-5, s, x-40, y+40);
line(x+5, d, x+40, y+40);
line(x-5, d, x-40, y+40);
// arriba3
line(x+5, s, x+50, y-40);
line(x-5, s, x-50, y-40);
line(x+5, r, x+50, y-40);
line(x-5, r, x-50, y-40);
// abajo3
line(x+5, s, x+50, y+40);
line(x-5, s, x-50, y+40);
line(x+5, d, x+50, y+40);
line(x-5, d, x-50, y+40);
// yes
stroke(242, 204, 47, 150);
line(mouseX, mouseY, 0, 150);
line(mouseX, mouseY, 300, 150);
stroke(174, 221, 60, 200);
line(mouseX, mouseY, 0, 0);
line(mouseX, mouseY, 300, 300);
stroke(116, 193, 206, 200);
line(mouseX, mouseY, 0, 300);
line(mouseX, mouseY, 300, 0);
}

// if
void mouseMoved() {
bg += 10;
if (bg > 10) {
fill(0, 0, 0, 0);
stroke(242, 204, 47, 30);
strokeWeight(7);
rect(15, 15, 270, 270);
rect(45, 45, 210, 210);
rect(75, 75, 150, 150);
ellipse(150, 150, 95, 95);
}
}
// Fin

=>>Importante<<=

Para verlo en acción lo deben correr en el PDE (Processing Development Enviroment).

Mientras un pantallazo de mi sketch.

Y bueno, ¡A disfrutar la nueva versión!