Interactive Portrait

     After learning about pixel manipulation we were tasked to create an interactive portrait. So, I began by looking at the code we went over class to review the examples we covered and refresh my memory on the concepts and tricks that were shown to us. 

 

     I started by practicing how the nested loop that accessed the pixel array worked. Initially I encountered an issue where the sketch was putting too much load onto my computer, but I realized that in the loop I was incrementing pixel by pixel when I should have incremented by 10-20 pixels. Little things like these made me quickly understand how the code works that will give me a basis to create my interactive portrait. 

 

     So I created two sketches: one for webcam footage and the other for images. They both do the same thing that is grabbing the pixel data and representing the image or webcam footage in lines. The end result looks like a distorted or censored image. I also created a filter that shows the image/footage in grayscale. I stumbled upon this effect by accident when deciding to make the line function create a line between the x,y position of the pixel to the square of that position.

 

 

 

     All in all, I now better understand how filters and image manipulation work and I am eager to say what more I can do.