Exercise Eye Objects

let eyes = {

​

  ex: 100,

  ey: 90,

  eyeSize: 100

};

​

let eyes2 = {

​

  ex: 20,

  ey: 400,

  eyeSize: 50

};

​

let eyes3 = {

​

  ex: 520,

  ey: 200,

  eyeSize: 80

};

​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  background(0);

  noStroke();

  /*

  instead of the code below make a function to 

  draw multiple eyes at certain positions

​

  drawEye (100,90); 

  drawEye (220,400);

  drawEye (520,200);

  */

eye (eyes);

eye (eyes2);

eye (eyes3);

​

}

​

function eye (e) {

  var dy = mouseY - e.ey; 

  var dx = mouseX - e.ex; 

  var orientation = atan2(dy, dx); 

  push(); 

  translate(e.ex, e.ey);

  //white

  fill(255); 

  strokeWeight(5);

  circle(0,0, e.eyeSize);

  rotate(orientation); 

  //pupil

  fill(0);

  circle(e.eyeSize/4,0,e.eyeSize/2); 

  pop(); 

}

​