Project 1: My Self Portrait

//jasmink
//face portrait

function setup() {
    createCanvas(500, 450);
    background(202,179,231);
}

function draw() {
  //hair
    noStroke();
    fill(24,14,46);                     //top hair
    arc(250,240, 195, 217, PI, TWO_PI); //top hair
    fill(24,14,46);                     //back long hair
    ellipse(250, 286, 220, 310);
    ellipse(250, 315, 230, 310);


  //ear
    noStroke();
    fill(67,47,144);                  //Ear purple
    ellipse(168,250,17,50);           //Left ear
    ellipse(333,250,17,50);           //right ear
    fill(137,122,184);                //Earing purple
    ellipse(170,275,30,30);           //Left earing
    ellipse(330,275,30,30);           //right earing

  //neck
    fill(77,63,150);
    noStroke();
    quad(230,324,274,324,283,380,216,380);

  //face
    fill(77,63,150);                  //face purple
    noStroke();
    ellipse(250,260,155,180);         //face
    fill(77,63,150);                  //hair line.middle purple
    rect(250,145,3,25);               // hair line

  //left eyebrows
    strokeWeight(4);
    stroke(24,14,46);                 //dark purple
    line(238, 220,208 ,217);
    line(208,217, 196,221);

  //right eyebrows
    strokeWeight(4);
    line(268, 220,298 ,217);
    line(298,217,310,221);

  //nose
    strokeWeight(2);
    arc(252, 270, 15, 15, 0+(PI*0.2), (PI*0.8));
    noFill();

  //eyes
    strokeWeight(3);
    arc(220, 245, 35, 15, 0, PI);
    arc(285, 245, 35, 15, 0, PI);
    noFill();
    if(mouseY<245){
        arc(220, 245, 35, 15, 0, TWO_PI);
        arc(285, 245, 35, 15, 0, TWO_PI);
        fill(24,14,46);             //dark purple 
        ellipse(220,245,15,15);     //eyes opening
        ellipse(285,245,15,15);
        fill(137,122,184);          //light purple
        ellipse(223,243,8,8);       //eye small circle
        ellipse(287,243,8,8);
    }

  //mouth
    fill(24,14,46);                 //dark purple
    noStroke();
    rect(225, 310, 55, 3);

  //body
    fill(77,63,150);                //face purple
    noStroke();
    ellipse(250,560,250,400);       //body


}