Playing with Variables

Reflecting on what was taught in class and the exercises, it was a challenge trying to identify the relationship between the different elements as there are no clear cut ways to find them.

I think what helped the process was actually plotting the diagrams out and using actual math to identify the relationships between elements. I was struggling the most with the usage of lines to create the rectangles - and what sounds simple turns out to be one of the more complex puzzles to solve.

IMG_0410.jpg

What I also really liked was each time I come back to revisit the code - I sort of have another new idea of how I could revisit the approach. I did not have the previous drafts to compare to, but the movement of the circle was an good example.

Regarding the self-portrait, two elements came to mind that I wanted to move

  1. Hands
  2. Eyes

The movement of the hands were straightforward as I just allowed the x, y to follow mouseX and mouseY respectively. I’m not sure if there’s a more sophisticated way to do it, but I’m sure as the lessons go by there’ll be more to explore.

The eye movement was difficult as there were boundaries to be set. At first I tried taking the same approach as how I would move the hands, but the issue was that the eyes moved across the screen which was not what I intended. I had a difficult time finding out how to set the eye to move within the glasses, but after searching and referencing through my classmates’ work - I had some sort of an idea and tried the current method.