Mini Project #8:
Pixel Manipulation / Generative Portraiture
Link to Project: https://editor.p5js.org/christynatalisa/sketches/pgRJzYPia
-
- Brief Description and Concept: This interactive portraiture project utilizes pixel manipulation techniques to alter the visual representation of the image/camera input, allowing us to create filters and different effects to change the visual output.
- Demo/Visual Documentation:
- Development and Technical Implementation
-
- Coding:
One of the parts of code that is of particular importance is the iteration of the pixels themselves, since the code utilizes two for loops and store the value of the index through the multiplication of the image width and then by 4 because each pixel contains 4 values (RGBA), attached below is the code snippet. 
- The for-loops inside of the draw function then manipulate the pixels of img based on the pixels of cam.
- Coding:
- Reflection/Lessons Learned
I initially created a filter for a still image but found that there are more ways to create more dynamic pixel manipulation techniques, be it creating shapes or utilizing arrays. Therefore, this project allows me to understand more about the varieties of generative portraiture and how to change to colors of the pixels using iteration. This mini-project also allows me to understand the concept of pixel interation, the breakdowns of how the values are stored in a one-dimensional array. Overall, I find that generative portraiture/pixel manipulation to be very interesting.
Learning Outcome:
- Demonstrate understanding of pixels, pixel iteration and manipulation;
- Practice to access and modify a large amount of data;
- Employ an image object to generate visuals more efficiently, and;
- Apply various pixel manipulation concepts and techniques to produce artistic artifacts with an image.
