let smile='#694133';

//let wordX ="Hello";

​

function setup() {

  createCanvas(600, 600);

  background('pink');

  //frameRate(10);

}

​

function draw() {

  //background('pink');

  print(mouseX+","+mouseY);

  //background

  noStroke();

  fill(mouseX,mouseY,123);

  square(mouseX,mouseY,50);

  //hijab

  fill( 'rgb(185,185,226)');

  noStroke();

  arc(300, 250, 400, 400, -3.14, 0, PI);

  quad(100, 240, 500, 240, 500, 600, 100, 600);

  //head

  fill('#784F41F2');

  ellipseMode(CENTER);

  ellipse(299,279,300,345);

  //earrings

  fill("gold")

  stroke("#DB7093")

  strokeWeight(4);

  //left first loop

 square(115, 265, 35, 20, 15, 10, 5);

  //left second loop

 square(115, 299, 35, 20, 15, 10, 5);

  //left third loop

square(115, 333, 35, 20, 15, 10, 5);

  //right first loop

  square(445, 265, 35, 20, 15, 10, 5);

  //right second loop

  square(445, 300, 35, 20, 15, 10, 5);

  //right third loop

  square(445, 335, 35, 20, 15, 10, 5);

noStroke();

  //quads inside the earrings

  fill('rgb(185,185,226)')

  //left first loop

  square(120, 270,25, 20, 15, 10, 5);

  //left third loop

  square(120, 339,25, 20, 15, 10, 5);

  //right first loop

  square(451, 270, 25, 20, 15, 10, 5);

  //right third loop

  square(451, 340, 25, 20, 15, 10, 5);

  //shades

  fill(0,0,50)

  stroke('#F9568E')

  strokeWeight(4);

  line(268, 250, 322, 250);

  line(178,245,156,223);

  line(411,245,437,216);

  rect(180, 216, 95, 45, 10);

  rect(325, 216, 95, 45, 10);

  //eyebrows

  fill(brow);

  noStroke();

  quad (325,184,324,201,414,181,383,166);

  quad(210,171,176,192,272,201,272,184);

  //nose

  stroke('#401E11'); 

  line(290,281,283,312);

  line(283,312,306,319);

  line(306,319,310,307);

  //lips

  fill(smile);

  arc(297, 357, 100, 100, 0, PI, CHORD);

}

​

function mouseClicked(){

  if (brow == '#694133'){

    brow='rgb(236,99,123)';

  }else{

   brow='#694133';

  }

  if (smile == '#694133'){

    smile='white';

  }else{

    smile='#694133';

  }

}