​

var state = 1;

​

function setup() {

  createCanvas(400, 400);

}

​

function mousePressed() {

  state++;

  if (state > 3) {

    state = 1;

  }

}

​

function draw() {

  background("black");

if (state == 1); {

  noStroke();

  //legs//

  fill("rgb(230,57,87)")

  ellipse(100,280,90,120);

  ellipse(220,280,90,120),

​

​

  //arms//

  fill("pink")

  ellipse(100,130,80,90);

  ellipse(290,130,80,90),

  //head//

  fill("pink");

   circle(200, 200, 240);

  //eyes//

  fill("black");

  ellipse(200,190,40,80);

  ellipse(260,190,40,80);

  fill("white");

  ellipse(260,180,20,40);

  ellipse(200,180,20,40);

  fill("lightblue")

  arc(200, 210, 20, 30, 0, PI, CHORD);

  arc(260, 210, 20, 30, 0, PI, CHORD);

  //cheeks//

  fill("#DD6175")

  ellipse(170,250,40,30);

  ellipse(280,250,40,30);

  //mouth//

  fill('black')

  ellipse(230,250,10,10);

}

​

​

if (state == 2) {

  //mouth//

   fill("#CC1F3B");

  ellipse(230,250,50,50);

​

  fill("#FD6E85");

  ellipse(230,260,40,30);

}

if (state == 3){

  //legs//

  fill("rgb(230,57,87)")

  ellipse(100,280,90,120);

  ellipse(220,280,90,120),

​

​

  //arms//

  fill("pink")

  ellipse(100,130,80,90);

  ellipse(290,130,80,90),

  //head//

  fill("pink");

   circle(200, 200, 240);

  //eyes//

  fill("black");

  ellipse(200,150,40,80);

  ellipse(260,150,40,80);

  fill("white");

  ellipse(260,140,20,40);

  ellipse(200,140,20,40);

  fill("lightblue")

  arc(200, 170, 20, 30, 0, PI, CHORD);

  arc(260, 170, 20, 30, 0, PI, CHORD);

  //cheeks//

  fill("#DD6175")

  ellipse(170,200,40,30);

  ellipse(290,200,40,30);

  //mouth//

  fill("#CC1F3B");

  ellipse(230,250,100,100);

​

  fill("#FD6E85");

  ellipse(230,270,70,60);

​

}}