Project #2 Emotional Squirtle

Description

A Squirtle from Pokemon.

Design Process

Squirtles is from Japan manga named Pokemon and it is also famous in Wechat stickers, which I usually use them to talk with my friends. The first thing I did, was to create some constant value for Squirtles, such as, head, nose, and mouth. These constant values can be changed by random() function, which I will use it in mousePressed function at the end of the code. After setting down these values, I started to draw the body first, as the logic in p5, which the first thing have been drawn will be at the bottom. Therefore, I decided to draw the body part first, then second part I drawn the head part, which looks like the Squirtles is facing to us. Next, I drew the glasses for Squirtles. I use 2 triangles to combine them together to look like a sunglasses and fill it in black. The last part I did was the nose and mouse, since I am not very good at drawing, so I cannot draw it correctly, but I had a new idea for it, which is I just use 2 lines to represent nose and a curve to represent the mouth. If you look at the nose and mouth, you will see it is like angry emotion. After that I use the fuctionPressed() to give it a interaction with users, which when you press mouse, you will see the nose and mouth's position changed. You can consider the nose as eyes and the mouth is mouth, and it looks like angry at the original form. When you press mouse, you will find the emotion changed also. Please click mouse fast and you will have fun. :) That is my design progress.

Reflection

In this project, I was trying to use more function to make this project looks fun, but based on my bad skills on drawing, and it is a limitation for me, because when I trying to change the image by mouseX or mouseY, it does not look good in the whole image. For the appearance and integrity, I decided not to use the mouseX and mouseY function in this project. I also found that it is a complex works to set each points of shapes as the user variables and change its value in function mousePressed();