Googly Eyes

Design Process

I started by making a sample face using Procreate on the iPad. I tried to use only ellipses to make the face, to keep it as simple as possible. I started by creating the random generator for faces of different sizes and colurs on mouse click. I then made the eyes such that they follow the mouse pointer. I also added a slight movement to the ears for a cartoon effect.

Move mouse over the image, click to change the face.

Reflections

I started off simple (by creating the basic face) and then proceeded to add the complexity and the randomization. Throughout the process, the challenge was to figure out the calculations that would be required for the sizes and interactions. I had to provide multiple conditions for the eyes to follow the mouse pointer, and I had not estimated that when I thought of the idea. I think it was interesting to see how the faces change throughout. What I enjoyed most about the different forms it creates is that every change in shape gives a very different personality to the character it creates, especially because of the changes in the eye size and the position of the blush on the cheeks.

Credits

This project was created based on the tutorials provided in the CC lectures and using references from the p5.js editor.