INSTRUCTIONS

Mouse drag to see the expressions change of this cute little doll. Mouse press to change her hair colour with expressions. Key press to change her hairstyle, hair colour and dress colour. Enjoy interacting with funkie doll.

DESIGN PROCESS

The doll face is my second object using this week's functions. What I made earlier were simpler shapes to learn the steps to achieve the goal for this assignment. I am now much more confident using the keypressed, random, mousepressed, mouse x and mouse y functions. The parameters and variables, always varied in order to create anything to make it random or change the sizes. Using simple shapes, I made the face of the doll and gave funky effects to make it standout. After drawing figure 1, which is the maximum expressions I wanted to show, I realised that I should play around with changing background colours and the colour of other features like, nose, hair, eyes etc. So my ideation developed over the time of the process, from where I started making simple shapes. First, I made the object on the paper and then, I transfered it to adobe illustrator to see how it'd look on 400 X 400 canvas. Then I started making the simple shapes of the features and then at the end when I finish coding the general colours. Then used the random function, mouse X and mouse Y function, and keypressed and mouse pressed function to make it look like the figure 2. More colorful and interactive, using random colours for each element and added a hairstyle through random function to makee the braids.

REFLECTION

I have this cute chubby doll since my childhood,which is orange and green in colour. which was my inspiration for the design concept, further I completely changed it to differentiate what a doll would look like wearing different colours with her hair, make up, lishade, skin tones, and eyes. I wanted to create a doll using different skin tones for her face to make it look more engaging and interactive. The features I drew on illustrator came out not exactly the same, but the visual representation seemed more or less the same.I tried using the functions I simply learnt from the tutorial, I was unsuccessful to do so. Then I replicated the values of the ellipse for the face and gave it different colour, so if you scroll towards right the tone would be different and vice versa. It seemed very tricky to use one ellipse for the face and change its colour to different skin tones. I tried using the lerp colour function, but I seemed to have different result so I commented that in my code, to have my doubts cleared by the instructor.The various changing of orientation in the facial features of the dolls, shows different emotions - Mischievous, Clever, Naughty, Colourful, Joyful, Positive and Loud. The movements in the feature when the mouse is clicked or any key is pressed, shows the expressions of a human behaviour with different moods. From this design process assignment, I learnt the change in our facial features, expressions or by adding different colours to it, a person could look completely different. The identity or persoanlity of a person can be seen by their looks, expressions, moods and the way they carry themselves. It was fun to observe the combinations of colours coming out together while clicking and pressing the keyboard at the same time.