Cómo utilizar el procesamiento para hacer arte interactivo

El procesamiento es un lenguaje informático utilizado por artistas visuales para hacer arte generativo e interactivo. Además de crear gráficos en pantalla, el lenguaje también se utiliza para realizar todo tipo de escultura interactiva y artes físicas. Al principio, es difícil comprender para qué sirve, pero basta con decir que el mundo del arte ha adoptado Processing como su lenguaje de programación preferido.

En este artículo, vemos cómo la banda The Sinatra Test creó una portada para su próximo álbum que crea una versión única para cada usuario a través de una aplicación de Mac distribuida con la música.

Generador de portadas de álbumes

Para su próximo álbum, “ambientertainment”, The Sinatra Test quería tener un diseño de portada que reflejara la naturaleza generada de la música en el álbum. Processing ofreció un método simple y fácil de aprender para hacer precisamente eso.

El código para la portada del álbum no está terminado en el momento de escribir este artículo, pero estaban lo suficientemente satisfechos con el resultado como para permitirnos ver los resultados hasta ahora y publicar el código para esta primera versión para que la gente lo pruebe por sí mismos.

El código es muy corto y simple, pero funciona. En esta versión actual en Mac, la ejecución de la compilación de la aplicación crea una variación en el diseño y la guarda en la misma ubicación que la aplicación.

Para instalar Processing, vaya a la página de descargas del sitio y haga clic en el enlace de su plataforma. Cuando se descargue, descomprima el archivo ZIP y arrastre la aplicación a su carpeta Aplicaciones.

Convertirlo en PDF

El primer paso es cargar la biblioteca de creación de PDF:

Luego configuramos el tamaño de la salida en pantalla, en este caso 500 píxeles cuadrados:

Obviamente, la salida es un gráfico vectorial PDF, por lo que se puede escalar a cualquier tamaño sin degradación ni líneas irregulares.

A continuación, debemos definir un nombre de archivo para el PDF resultante y comenzar a grabar los gráficos a medida que se crean para almacenarlos en la imagen final:

Luego se definen los colores de la imagen. El fondo es negro:

En caso de duda, aleatorizar

Para crear los colores de las hebras se decidió que deberían ser en su mayoría verdes pero con variaciones. La estrategia fue que el RGB de los colores fuera aleatorio pero con el elemento verde siempre pudiendo ir más alto que el rojo o el azul. El verde puede llegar hasta 256, pero los otros dos canales tienen un límite de 100.

Entonces definimos las variables flotantes rojo, verde y azul con los siguientes valores:

Esto crea una nueva combinación de colores cada vez, verde cada vez pero con diferentes grados de rojo, verde y azul para ajustar el tono. Siempre hay más verde que rojo o azul.

¿Pelo, hojas o cebollino? ¡Quién sabe!

Ahora el código para dibujar las hebras. El grosor de la línea de cada hebra es aleatorio y la posición horizontal de la parte superior e inferior de las hebras también se varía al azar dentro de ciertos parámetros. Las hebras son un 60% translúcidas, lo que da como resultado un agradable efecto de hebra similar a un cabello:

Ahora algo de texto

A continuación, se debe crear la fuente. Para su uso en Processing, las fuentes deben convertirse a formato .vlw. Esto se hace desde una cara en el directorio de fuentes del sistema host.

Nota: esta es un área en la que la banda todavía está trabajando. Para las aplicaciones web, la fuente convertida se puede almacenar en el servidor, sin instalarse nunca en el sistema del usuario.

Una vez que se crea la fuente, el texto se escribe en la imagen, el nombre de la banda arriba a la izquierda y el nombre del álbum abajo a la derecha:

Aparentemente, se necesitaron muchas pruebas y errores para colocar el texto correctamente, y las coordenadas aparentemente arbitrarias son las que se ven mejor en la pantalla.

Envuélvelo

Luego, finaliza la grabación del PDF, deteniendo efectivamente el programa y escribiendo la imagen terminada en el disco con el nombre de archivo definido anteriormente:

Finalmente, el programa imprime un mensaje en la consola para indicar que ha terminado:

Refinamientos

La versión final de la aplicación tendrá algunas mejoras, como una fuente incrustada y una interfaz de usuario un poco más interactiva, lo que quizás permita al usuario preestablecer algunos parámetros.

Además, el programa Processing en Mac escribe Java de forma predeterminada para crear aplicaciones, que es para lo que se usó en este caso, pero puede incluir otros modos como Coffeescript, Javascript y Python si así lo desea. También se está investigando una versión del software codificada para Javascript que crea la portada del álbum a través de una página web y la descarga en la computadora del usuario.

Generar arte utilizando software es una tendencia creciente en el arte moderno. ¿Ha tenido alguna experiencia en Processing o arte generativo? Háganos saber sus pensamientos en los comentarios a continuación.

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario