createCanvas(600, 600);

  rectMode(CENTER)

}

​

​

function draw() {

  let m = millis()

  let s = second()

  noStroke()

  background(60)

  translate(300,300)

  //skin1

  if (m/400 < 285){

  fill(255,255-m/400,245-m/400)

  beginShape()

  vertex(-40, m/400)

  vertex(-220,m/400)

  vertex(-220,285)

  vertex(-40,285)

  vertex(-40,m/400)

  endShape()

  }

// } else if (m >= 8000){ 

//   fill(255,255-m/500,245-m/500)

//   beginShape()

//   vertex(-40, s)

//   vertex(-220, s)

//   vertex(-220,285)

//   vertex(-40,285)

//   vertex(-40, s)

//   endShape()

  //skin2

  if (-210+ m/750 < 150 ){

  fill(255,255-m/300,245-m/300)

  beginShape()

  vertex(300,-210+ m/750)

  vertex(150+s/5,-210+ m/750)

  vertex(190,200)

  vertex(230,210)

  vertex(260,210)

  vertex(300,205)

  endShape()

  }

// } else if (m >= 10000){ 

//   fill(255,255-m/200,245-m/200)

//   beginShape()

//   vertex(300,-210 + m/600+s*3)

//   vertex(150+s/1.2,-210+ m/600+s*3)

//   vertex(190,200)

//   vertex(230,210)

//   vertex(260,210)

//   vertex(300,205)

//   endShape()} else {

//   rect(250,190,120,20)}

  //skin3

  if (-30 + m/900 < 150) {

  fill(255,255-m/500,245-m/500)

  beginShape()

  vertex(170,-30 + m/900)

  vertex(90,-30 + m/900)

  vertex(90,250)

  vertex(110,260)

  vertex(180,260)

  vertex(200,250)

  endShape()

  }

  // } }

  // else if (m >= 10000){

  // fill(255,255-m/300,245-m/300)

  // beginShape()

  // vertex(170 + m/4000,-30 + m/500+s)

  // vertex(90,-30 + m/500+s)

  // vertex(90,250)

  // vertex(110,260)

  // vertex(180,260)

  // vertex(200,250)

  // endShape()

  // }

  //lipstick

  if (70+m/800 < 150) {

  fill(255,20+m/400,0+m/400)

  beginShape()

  vertex(15,150)

  vertex(50,150)

  vertex(50,60+m/800)

  vertex(45,55+m/800)

  vertex(15,70+m/800)

  vertex(15,150)

  endShape()

  } 

  // else {

  // fill(255,20+m/500,0+m/500)

  // beginShape()

  // vertex(15,150)

  // vertex(50,150)

  // vertex(50,150)

  // vertex(45,145)

  // vertex(15,150)

  // vertex(15,150)

  // endShape()

  // }

​

  //skincare1 outline

  stroke(30)

  strokeWeight(15)

  line(-200,0,-200,200)

  line(-200,230,-200,250)

  stroke(0)

  strokeWeight(8)

  noFill()

  beginShape()

  vertex(-40,-10)

  vertex(-60,-30)

  vertex(-200,-30)

  vertex(-220,-10)

  vertex(-220,280)

  vertex(-210,290)

  vertex(-50,290)

  vertex(-40,280)

  vertex(-40,-10)

  endShape()

  fill(0)

  rect(-130,-60,50,50)

  rect(-130,-110,10,40)

  rect(-110,-110,30,10)

  //skincare2 outline

  noFill()

  stroke(30)

  strokeWeight(12)

  line(174,-180, 202, 100)

  line(205,137,206,141)

  strokeWeight(12)

  stroke(0)

  beginShape()

  vertex(300,-235)

  vertex(250,-240)

  vertex(220,-240)

  vertex(180,-230)

  vertex(150,-210)

  vertex(190,200)

  vertex(230,210)

  vertex(260,210)

  vertex(300,205)

  endShape()

  fill(0)

  rect(250,250,100,70)

  //skincare3 outline

  noFill()

  strokeWeight(7)

  beginShape()

  vertex(170,-30)

  vertex(90,-30)

  vertex(90,250)

  vertex(110,260)

  vertex(180,260)

  vertex(200,250)

  vertex(170,-30)

  endShape()

  push()

  noStroke()

  fill(0)

  rect(140,-50,50,40)

  rect(110,-50,10,10)

  fill(70)

  beginShape()

  vertex(90,255)

  vertex(110,265)

  vertex(180,265)

  vertex(200,255)

  vertex(200,300)

  vertex(90,300)

  endShape()

  pop()

  //lipstick outline

  strokeWeight(5)

  fill(50)

  rect(30,210,60,120)

  line(0,240,60,240)

  line(0,230,60,230)

​

}

​

​

​

​

​