x:100,

  y:100,

  xspeed:3,

  yspeed:-3

}

​

​

function setup() {

  createCanvas(400, 400);

  // let face1= new Faces();

  // let face2= new Faces();

}

​

function draw() {

  background(220);

  display();

  move();

  bounce();

}

​

function display(){

  //head

  noStroke();

  fill(250,200,150);

  ellipse(face.x,face.y,100,100);

  //eyes

  noStroke();

  fill(255);

  ellipse(face.x-15,face.y,20,20)

  ellipse(face.x+20,face.y,20,20)

  //pupils

  noStroke();

  fill(0)

  ellipse(face.x-15,face.y,5,5)

  ellipse(face.x+20,face.y,5,5)

  //eyebrows

  stroke(100, 80, 80)

  strokeWeight(4)

  line(face.x-25, face.y, face.x, face.y-10)

  line(280, 187, 320, 195)

}

​

function move(){

  face.x=face.x+face.xspeed;

  face.y=face.y+face.yspeed;

​

}

​

function bounce(pos,low,high,xspeed){

    if(face.x>width||face.x<0){

    face.xspeed=face.xspeed*-1;

    }

    if(face.y>height||face.y<0){

    face.yspeed=face.yspeed*-1;

  }

​

​

}

​