Tarea 12: Proyecto final

Rodrigo Eduardo Bedoya Ortecho
4 min readJun 24, 2018

--

La idea del proyecto era simular uno de esos videos de “una foto cada día por X años”, ello utilizando imagenes poligonales y mostrandolas en una secuencia con la ayuda de processing.

Un primer intento fue dibujar directamente las imágenes en processing y cambiar la posicion de los polígonos para dar una especie de movimiento. El resultado no fue el mejor e iba a demorar mucho dibujar todos los polígonos.

El siguiente intento fue entonces, en lugar de dibujar las imágenes, utilizar imágenes de internet. Para ello primero debimos transformar las fotos a polígonos con la ayuda de polygonize.net . Algunas de las imágenes se muestran a continuación.

Asimismo, fui avanzando con el código en processing. Construyendo el esqueleto de como debería funcionar este.

Dado que el resultado de las fotos no me gustaba del todo, me decidí por transformar las imágenes por mí mismo. Luego de leer la siguiente página http://www.instructables.com/id/Low-Poly-Art-in-Photoshop/, pasé a intentarlo por mí mismo. Aquí muestro un ejemplo de www.instructables.com de cómo se vería el efecto.

No obstante, luego de intentarlo, terminé dando cuenta que hacerlo así tomaría demasiado tiempo. Por ello volví a recurrir a internet y con Triangulator obtuve las siguientes imágenes.

Estas imágenes luego fueron mostradas en serie en processing con el siguiente código:

PImage image;
String a;
int number_of_images = 17;
int counter;
long lastTime;
long timeBetweenFrames = 400;
void setup()
{
size(500,500);
image = loadImage(“1.png”);
counter=1;
lastTime = millis();
background(0);
}

void draw()
{
if(timeBetweenFrames <= 100)
{
timeBetweenFrames = 400;
}
a = “”;
background(255);
String name = str(counter)+”.png”;
image = loadImage(name);
image(image,0,0);
if(millis()-lastTime > timeBetweenFrames)
{
counter++;
if(counter==number_of_images+1)
{
counter = 1;
timeBetweenFrames -= 100;
}
lastTime = millis();
}
}

--

--