Lysergic Robots (BETA)

Archive for noviembre 2008

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

processing_cover

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.

pde
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.

wff

Grass Wall de Barbarian Group

barbarian_grass
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

suzung00



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.

test_sam



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

Anuncios
Etiquetas:

“El cielo sobre el puerto tenía el color de una pantalla de televisor sintonizado en un canal muerto”

William Gibson (en Neuromante).

Etiquetas:

Las otras versiones del flyer.

La original

flyer_det_sam2

Versión Rockabilly

flyer_det_hugo1

Versión Juan Carlos Bodoque

flyer_det_bodoque1

Versión Solo para chavos

flyer_det_trix1

Y versión Gummo

flyer_det_gummo1

Y existen mas conejos para otras versiones como el conejo Energizer, Bugs Bunny, el conejo Duracel, Roger Rabbit, el Conejo Marihuano de Cerdotado, el conejo de Alicia, Big Buck Bunny, las conejitas Playboy, los conejos de Rayman Raving Rabbids, Lola Bunny, los conejitos de chocolate que compras en la tiendita, Oolong o Pancake Bunny, el conejo de Pascua, el conejo del Mago Frank y así ad nauseam.

flyer_preview

Y la versión animada en formato APNG (solo podrás verla si tu navegador soporta el formato animado PNG; obviamente Internet Explorer no).

flyer_soul

El patrón del fondo, gracias a Squidfingers.

*****

Para crear PNGs animados una opción es utilizar APNG Edit, el cual encuentran en la página de Add-ons de Firefox.

firefox_addons

Su micropágina:

apng-edit

Luego de instalarlo y reiniciar Firefox, lo pueden encontrar en la barra de Menú > Herramientas > APNG Editor

Recuerden que Animated Portable Network Graphics (APNG) en estos momentos es una propuesta y no esta soportada aún por la mayoría de los programas existentes. Para mas info chequen su entrada en la Wikipedia o si quieren conocer a  fondo la especificación esta su wiki en Mozilla. Y para que tengan una idea mas clara sobre de que va esto,  no olviden visitar los demos.

Etiquetas:

Un pequeño adelanto de un ejercicio para la materia de Multimedia. Se trata del diseño de una página web, en mi caso construida con Aptana Studio. Aptana no es un editor WYSIWYG como Dreamweaver, es un editor de código.

La encomienda era crear una página web sobre cualquier tema que manejara mínimamente un menú (drop-down), audio y video distribuido en ¡25 subpáginas! (¡cha!). Así que un netlabel podría integrar todo eso sin problema. El netlabel imaginario Borealis.

Y en cuanto a la gráfica, los tutoriales de Abduzeedo fueron de gran utilidad e inspiración.

La intro -recordando a OiNK (je!).

borealis_intro

La página principal

borealis_pantallazo

En el espacio que queda entre el contenido y el footer, la idea es colocar una pequeña galería con las portadas de los recientes lanzamientos con Lightbox 2 ó con Sexy Lightbox 2; la primera con una licencia Creative Commons y la segunda con la licencia del MIT.

Etiquetas: , ,