let Anchor2;

let Anchor3;

let Anchor4;

let myTxt;

let Refl;

let ColorR;

let ColorG;

let ColorB;

let SkinR;

let SkinG;

let SkinB;

​

function setup() {

  createCanvas(500, 500);

  SkinR=192

  SkinG=154

  SkinB=127

}

​

function draw() {

  translate(0,-60);

  background(SkinR, SkinG, SkinB);

  //eyeshape with variable size

  //Anchor1

  Anchor1=175

  if (mouseY>175 && mouseY<315) {Anchor1=mouseY}

  if(mouseY>315) {Anchor1=315}

  //Anchor2

  Anchor2=140

  if(mouseX<150) {Anchor2=mouseX}

  if(mouseX>350) {Anchor2=500-mouseX}

  //Anchor3

  Anchor3=500-Anchor2

  fill(220)

  strokeWeight(4)

  beginShape();

  vertex(Anchor2,250)

  bezierVertex(225,325,275,325,Anchor3,250)

  bezierVertex(235,Anchor1,265,Anchor1,Anchor2,250)

  endShape()

  //iris

  ColorR=0

  ColorG=0

  ColorB=0

  fill(ColorR,ColorG,ColorB);

  circle(250,250,100);

​

  //reflection

  Refl=random(273,275)

  fill(220)

  ellipse(230,Refl,30,20)

  //vision

  if (mouseIsPressed) {

  ColorR=random(100,102)

  ColorG=random(100,179)

  ColorB=random(100,255) 

  fill(ColorR,ColorG,ColorB);

  circle(250,250,100); 

  push()  

  fill(220)

  strokeWeight(0)

  //cloud1   

  ellipse(230,265,30,20)

  ellipse(240,250,30,20)

  ellipse(255,260,40,30)

  //cloud2   

  ellipse(270,220,35,10)

  ellipse(260,215,25,10)

  pop()  

}

  //eye-lid

  fill(SkinR, SkinG, SkinB)

  beginShape()

  vertex(Anchor2,250)

  bezierVertex(235,Anchor1,265,Anchor1,Anchor3,250)

  bezierVertex(235,150,265,150,Anchor2,250)

  endShape()

  //text

  push()

  myTxt='Can you see what I see?'

  fill(0)

  textSize(30)

  textFont('Roboto')

  textStyle(ITALIC)

  text(myTxt,100,420)

  pop()

}

​

function keyPressed() {

  SkinR=random(225,246)

  SkinG=random(190,230)

  SkinB=random(190,220)

}    

​