Click for Portrait
My approach for this assignment was rather minimalistic. I decided to work only with triangles and quads, mainly to get used to the grid system and manage to change the positioning instinctively. This goal was a success as after numerous lines of x and y’s. I started with positioning a grid on the photo in Photoshop and marked the parts I want to use in the portrait.
Thanks to the grid I was able to read the x and y coordinates i needed.
The code itself is very simple, but 235 lines long ( with the same repeating content). Goal is to from now forward implement more complex systems and animations, that also influence the structure of the code more.
Some snapshots of the code: