Click here to view my work
Description
This mini project is an interactive portrait, which uses the camera to capture the image of people, process the image with codes, and finally generate the artistic version of users’ portraits.
“cam = createCapture(VIDEO);” is used to access the camera of the computer and capture the moving image.
For this project, I created two different versions of portraits. The first one is presented by the contrast of blue and orange colors. A variable “threshold” is created to distinguish different colors in the original video.
The second one is consists of 0-9 numbers. An array is used to contain all the figures.
Reflection
This kind of interactive portrait is really attractive and interesting. We can add different artistic elements to the portrait, or we can also combine the portrait with different scientific or mathematic elements like numbers or symbols.
To me, one of the biggest challenges in developing this project is that the use of arrays, variables, and for loops are a little bit complex and abstract to understand. So I went through all the examples and tried to figure out the logic behind the codes. Thanks to the informative examples, I finally made it.
Another obstacle I encountered is the separation of the two different canvas, as I tried to create two versions of portraits with different visual effects. The two divs were at first overlapping. Finally, thanks to the learning assistant, the problem is solved. My learning assistant kindly helped me by combining the two scripts into one with different positions in the canvas.
thank you