//Hanna Jang
//Section B
//hannajan@andrew.cmu.edu
//Assignment-01
function setup() {
createCanvas(600, 600);
background(246, 184, 184);
}
function draw() {
//Background Circles
fill(255, 255, 255);
ellipse(300, 260, 450, 450);
fill(248, 218, 226);
ellipse(300, 260, 410, 410);
//Hair
fill(187, 107, 48);
ellipse(300, 250, 300, 300);
noStroke();
fill(187, 107, 48);
ellipse(300, 300, 300, 300);
triangle(315, 450, 400, 400, 430, 415);
ellipse(320, 330, 200, 200);
triangle(390, 400, 400, 410, 430, 415);
//Face
fill(255, 214, 187);
ellipse(300, 250, 250, 200);
noStroke();
//Left Ear
fill(255, 214, 187);
ellipse(170, 260, 30, 40);
noStroke();
//Right Ear
fill(255, 214, 187);
ellipse(425, 260, 30, 40);
noStroke();
//Blush
fill(255, 176, 146);
ellipse(243, 274, 30, 20);
fill(255, 176, 146);
ellipse(380, 274, 30, 20);
//Eyes
fill(255, 255, 255);
ellipse(253, 250, 37, 37);
fill(0);
ellipse(250, 250, 20, 20);
noStroke();
fill(255, 255, 255);
ellipse(373, 250, 37, 37);
fill(0);
ellipse(370, 250, 20, 20);
noStroke();
fill(255, 255, 255);
ellipse(248, 245, 6, 6);
noStroke();
fill(255, 255, 255);
ellipse(368, 245, 6, 6);
noStroke();
//Left Eyebrow
fill(129, 70, 21);
rect(220, 210, 55, 8);
//Right Eyebrow
fill(129, 70, 21);
rect(350, 210, 55, 8);
//Nose
fill(231, 185, 133);
ellipse(320, 275, 30, 10);
//Mouth
fill(225, 81, 88);
arc(300, 310, 50, 50, 0, PI+QUARTER_PI, OPEN);
}
Upon reading the instructions for this project, I imagined a face kind of similar to Nintendo Wii’s Mii avatars. I was especially inspired by the Mii avatars for the circular shape of the face I drew. I started with and focused a bit more on my hair, since I wanted a very specific shape for it. I sketched out the shape of the hair first on paper before deciding which shapes would best form the hairstyle in javascript. The gaze of the eyes were a bit time consuming and I moved around the different ellipses before I finally liked what I saw.