var y = 1;

var x2 = 1;

var y2 = 1 ; 

var easing = 0.03;

var crew = [];

var count = 300;

var dx;

​

​

function setup() {

  createCanvas(1200, 1200);

  noStroke();

  for (var i = 0; i<count; i++)

  {

    let i = new folk();

    crew.push(i);

  }

}

​

function draw()

{

    background(200,0,0);

    var targetX = mouseX;

//     var dx = targetX - x;

//     x += dx * easing+2;

//     //x2 += dx * easing +2;

     var targetY = mouseY;

//     var dy = targetY - y;

//     y += dy * easing+2;

//     //y2 += dy * easing +2;

//  fill(255);

//     ellipse(x, y,12,12);

//     ellipse(x, y+12,15,20);

//   fill(0);

//      ellipse(x+3,y,2,3);

//      ellipse(x-3,y,4,4);

  //tom.display(targetX, targetY);

  for (var i = 0; i<count; i++)

  {

    crew[i].display(targetX, targetY);

  }

  //todd.display(tragetX, targetY);

​

  if (mouseX > 200) {

    crew.eyes

  }

}

​

function folk()

{

  var outX = random(-1,1)

  var outY = random(-1,1)

  var easing1 = random(0.01,0.2)

  this.x = 1

  this.y = 1

  this.display = function(tempX, tempY)

  {

    this.tempX = mouseX;

    this.tempY = mouseY;

    this.dx = tempX - this.x;

    this.dy = tempY -this.y;

    this.x += (this.dx) * easing1 + outX;

    this.y += (this.dy) * easing1 + outY;   

    fill(255);

        ellipse(this.x, this.y,12,12);

        ellipse(this.x, this.y+12,15,20);   

    // fill(200,0,0);

    // ellipse(this.x+3, this.y,2,3);

    // ellipse(this.x-3, this.y,4,4); 

    }  

  this.eyes = funtion();

   fill(200,0,0);

    ellipse(this.x+3, this.y,2,3);

    ellipse(this.x-3, this.y,4,4);

}

​

​

​