Documentation 08

// Idea


We wanted to manipulate the image footage by adding a lomo, old-film camera like fading in animation to it. After that, we want the image to slowly transforms into one that looks more like an impressionist painting. In this way, we want to convey a sense of historical  change of an image through this short animation with pixels manipulations. Lisa worked on the fading in part while I worked on auditing the image to the impressionist aesthetics.

original image

I looked for several classic Monet’s paintings and found the trick here is the brushstrokes. So instead of laoding the image as an html object, I loaded the pixels of it and tried to use the lines in p5 to represent the brushstrokes. Another thing I noticed in the impressionist works was that their brushstrokes were pretty random in their weight, so I added random to the strokeWeight. Yet it took longer time to load. For the brushstrokes, I wanted them to tilt a bit so it feltl like someone painting via pushing the brush from the top right corner of the canvas to somewhere lower on the left. 
After doing so, I wanted the image to still preserve the vintage camera vibe, so I added noise by calling another for loop of points in random colors to represent the noises going on the canvas.
The outlook of the impre

also tried with using sinewaves, but decided to disregard it 

ultimate result with the filters created

Yet when combining with the tinting effect Lisa is making, we are having problems loading the image. I think it is because the increments of the for loop being too small so it is analyzing it for a longer time. Here is the ultimate work we made: