variables

*/

​

var x= 200;

var y= 200;

​

var facecolor = '#DA81F5';

var eyecolor = '#8A2908';

var greenhair = '#21610B';

var blackhair = '#000000';

​

​

function setup() {

  createCanvas(400, 400);

}

​

​

function mouseClicked() {

  save ();

  } 

​

​

function draw() {

  background('#0489B1');

  //my face

  noStroke();

    var y = mouseY;

    var x = mouseX;

    var offset = 0;

    var r = 0; // red

    var b = mouseY; // blue

    var g = mouseX; // green

    fill(r, b, g);

    ellipse(x, y, 100, 200);

​

  //left Eye

  ellipseMode(RADIUS);

fill(255);

ellipse(y - 25, x - 30, 15); // Outer white ellipse

ellipseMode(CENTER);

fill(eyecolor);

ellipse(y - 25, x - 20, 12); // Inner gray ellipse

 // rigth eye

  ellipseMode(RADIUS);

fill(255);

ellipse(x + 25, y - 30, 15); // Outer white ellipse

ellipseMode(CENTER);

fill(eyecolor);

ellipse(x + 25, y - 20, 12); // Inner gray ellipse

  //Mouth

  rectMode(CENTER);

  stroke(eyecolor);

  //noFill();

  //strokeWeight(4);

  rect(x, y + 55, 50, 25, 10);

  arc(x + 5, y + 10, 20, 45, +PI / 2, -PI / 2) //Nose

​

  // inner mouth

  rectMode(CENTER);

  stroke(0);

  fill(facecolor);

  rect(x , y + 55, 40, 15, 10);

  // hair

  noStroke();

  fill(blackhair);

  ellipse(x - 20, y - 100, 40);

  fill(greenhair);

  ellipse(x - 40, y - 70, 40);

  fill(blackhair);

  ellipse(x - 50, y - 90, 40);

  fill(greenhair);

  ellipse(x + 10, y - 100, 40);

  fill(blackhair);

  ellipse(x + 30, y - 100, 40);

  fill(greenhair);

  ellipse(x + 50, y - 70, 40);

  fill(blackhair);

  ellipse(x + 60, y - 90, 40);

  fill(greenhair);

  ellipse(x + 20, y - 70, 40);

  fill(blackhair);

  ellipse(x + 5, y - 70, 40);

  fill(greenhair);

  ellipse(x, y - 70, 40);

  fill(blackhair);

  ellipse(x + 30, y - 120, 40);

  fill(greenhair);

  ellipse(x + 50, y - 120, 40);

  fill(blackhair);

  ellipse(x - 50, y - 120, 40);

  fill(greenhair);

  ellipse(x + 10, y - 130, 40);

  fill(blackhair);

  ellipse(x, y - 140, 40);

  fill(greenhair);

  ellipse(x - 5, y - 130, 40);

  fill(blackhair);

  ellipse(x - 20, y - 90, 40);

  fill(greenhair);

  ellipse(x - 20, y - 120, 40);

}