Processing

Ayer por la noche, a eso de la una de la mañana, después de salir un poco a cenar, me dio por hacer un wallpaper. Pensé que sería una buena idea hacerlo con Processing, así aprendería un poco y empezaría a crear un par de imágenes.

Quería hacer un wallpaper con circulos de varios tamaños, con diferente opacidad y que uniera una línea a cada centro. En 10 minutillos tenía hecho el script principal y en otros 10 hice un poco de retoque de colores, tamaños y demás. Hice también que se regenerara la imagen al presionar el botón izquierdo del ratón y que se guardara al presionar el derecho.

Aún tengo que retocar un poco el script y además es algo bastante simple (y seguramente no muy original), pero por algo se empieza.

/**
* Ellipses desktop wallpaper maker.
*
* First script for processing
* Carlos Faria | 2010 | http://creativecommons.org/licenses/by-sa/3.0/
*
* http://carlosfaria.info
*/
//Variable declaration
int maxNumEllipse = 20;
int maxSizeEllipse = 200;
int nEllipse = maxNumEllipse;
int nSizes = 5;
int[] sizeEllipse = new int[nSizes];
int prev_x = 0,prev_y = 0;
//Setup
void setup()
{
size(1280, 800);
smooth();
noStroke();
for (int i = 0; i < nSizes; i++) {
sizeEllipse[i] =int(random(maxSizeEllipse));
}
}
//Draw
void draw()
{
background(int(random(51)));
for (int i=0; i< nEllipse; i++)
{
int x=int(random(width));
int y=int(random(height));
int sizeSingle = sizeEllipse[int(random(nSizes))];
fill( random(255), random(255), random(255), 150);
ellipse(x,y,sizeSingle,sizeSingle);
if(i!=0)
{
stroke(57,50);
line(prev_x, prev_y, x, y);
noStroke();
}
prev_x = x;
prev_y = y;
}
noLoop();
}
/* Redraw when left mouse button pressed. Every click a new desktop wallpaper.
*  Right Mouse Click saves image.
*/
void mousePressed()
{
if (mouseButton == RIGHT)
{
save(“ellipseDesktop.png”);
}
else
{
nEllipse = (int)random(maxNumEllipse);
if(nEllipse==0) nEllipse=maxNumEllipse;
redraw();
}
}

download script: processing.pde (zip)

Unas muestras de lo que puede conseguir el script y un par de modificaciones con Photoshop descargables desde Picasa. Los wallpapers están hechos para mi maquina, un MacBook, con lo que la resolución que utilicé es la que mejor me va (1280×800). Con un simple cambio en el size se pueden hacer wallpapers para la resolución deseada, además de poder cambiar el número de circulos, la opacidad, el tamaño máximo de los circulos, etc…

Alex Varenese

Impresionante como utiliza las texturas y los elementos gráficos este hombre. Epectacular sobre todo la serie Pavement Loop. Al menos a mi es la que más me ha gustado.

¿De donde sacará las carreteras? Parece que las renderice con alguna herramienta 3D y luego saque diferentes vistas para pasarlas definitivamente a Photoshop pero vamos, es impresionante lo que puede llegar a hacer.

Y ese toque retro en todas sus creaciones… simplemente genial!!

The art of Alex Varenese