Project #2 Form Generator

Description

This is a divination machine to randomly conjecture your mood. A littile face appears after the first click and will folow your mouse to move around. The following clicks might change the expressions shown. There are 50% chance showing a smiling face and 50% chance showing a sad face. In the background is a beating heart.

Design Process

The design process for this project was a little complex. Some changes were made to get to this final version displayed above. After reading the description of the assignment, I immediately came up with an idea of a broken heart which could change in size. The expression of the crying face stayed the same and the variable would be the heart.

However, after watching the videos and learning the techniques tought in the lecture, I decided to do something different. Since the mean points in this week's lecture was random() and mousePressed(), I changed my idea a little to better match up with the materials learned this week. I used each of the methods in the video to build this final image in p5. Something out of my expectation during the process was the difficulty to build the heart shape. It was a relatively organic shape compared to the previous shapes I used in the first assignment. To draw this shape, I had to use a new method called bezierVertex(). bezierVertex() is one of the best way to contruct free forms in p5. Nevertheless, the control points and anchor points were very confusing. It took me a lot of time to adjust the shape to become a perfect symmetric heart which I wanted.

Reflection

In this week's assignment, I learned how to use variables, random(), mousePressed(), and insert texts in p5. Out side of the class, I also learned how to use beginShape(), endShape(), bezierVertex(), and many other methods to enrich my design. It was a difficult but fun experience.

Credits

Yao Xiao