createCanvas(400, 400);

}

​

function mousePressed(){

  save("selfportraitvariable.jpg");

}

​

function draw() {

  background(220);

  var n = 170; //Neck

  var c = 55; //Neck

  var e = 230; //Neck

  var k = 20; //Neck 

  var s = 250; //Neck

  //BackHair

  fill("Black");

  circle(200,150,250);

  fill("Black");

  rect(110,210,175,175,30);

  //Neck

  fill("Peru");

  square( n,e,c,k);

  fill("Peru");

  noStroke();

  square( n,s,c,k);

  var h = 260; //Hands

  var a = 40; // Hands

  var d = 140; //Hands

  var l = 156; //Clothing

  var o = 85; // Clothing

  //Hands and Clothing 

  fill("Peru");

  rect(130,h,a,d);

  fill("Peru");

  rect(230,h,a,d);

  fill("LimeGreen");

  rect(l,s,o,190);

  fill("Black");

  rect(l,310,o,35);

  var v = 370;

  var j = 10;

  //Bracelets 

  fill("Gold");

  rect(130,v,27,j);

  fill("Gold");

  rect(240,v,30,j);

  //Face

  fill("Peru");

  circle(200,150,200);

  var t = 240; //Eyes

  var y = 150; //Eyes

  var r = 100; //Eyes

  //Eye1

  fill("White");

  rect(200,r,80,90,30);

  fill("LimeGreen");

  circle(t,y,60);

  fill("Black");

  circle(t,y,30);

  fill("white");

  circle(s,145,j);

  fill("white");

  circle(230,155,j);

  //Eye2 

  fill("white");

  rect(110,r,80,90,30);

  fill("LimeGreen");

  circle(y,y,60);

  fill("black");

  circle(y,y,30);

  fill("white");

  circle(141,157,j);

  fill("white");

  circle(160,144,j);

  //bangs 

  fill("Black");

  rect(r,50,200,90,40);

  //Mouth

  fill("LightPink");

  stroke(3);

  strokeWeight(4);

  rect(173,190,45,45,20);

  fill("Salmon");

  noStroke();

  rect(173,210,45,25,40);

  var q = mouseX;

  //var q = 190;

  var f = mouseX; 

  //var f = 195; 

  var z = mouseY;

  //var z = 15; 

  var x = mouseY;

  //var x = 30;

  //lollipop

  fill("white");

  rect(q,e,j,a);

  fill("LimeGreen");

  circle(f,e,a);

  fill("Black");

  circle(f,e,x);

  fill("Black");

  circle(f,e,z)

​

}