let avgx = 0;

let avgy = 0;

let myScale = 1;

​

function setup() {

  createCanvas(1000, 700);

  myPoints[0] = createVector(1000,1000);

  myPoints[1] = createVector(1000,1200);

  myPoints[2] = createVector(1150,1200);

  // Finding the average x and y

  for (let i = 0; i < myPoints.length; i++){

    avgx += myPoints[i].x;

    avgy += myPoints[i].y;

  }

  avgx = avgx/myPoints.length

  avgy = avgy/myPoints.length

  console.log(avgx);

  console.log(avgy);

}

​

function draw() {

  background(220);

​

  myScale +=0.005

  scale(myScale);

​

  translate((width/2)-avgx, (height/2)-avgy);

  makeLine(myPoints);

  makeX(0);

  makeX(avgx);

  makeX(avgy);

  if (myScale > 1.9){

    myScale = 1;

  }

}

​

// Connects points into lines

function makeLine(pointArray) {

  stroke(2)

  strokeWeight(2)

  for (let i = 0; i < pointArray.length - 1; i++) {

    line(pointArray[i].x,pointArray[i].y,pointArray[i+1].x,pointArray[i+1].y);

  }

}

​

// Draws an x on the screen

function makeX(point, strokeW=2, xlen=2){

  strokeWeight(strokeW)

  line(point+xlen,point+xlen,point-xlen,point-xlen);

  line(point+xlen,point-xlen,point-xlen,point+xlen);

}