// that will fly to the center

​

let centerX;

let centerY;

​

let glider;  // this is where we'll store our glider

​

function setup() {

  createCanvas(600, 600);

  centerX = width/2;

  centerY = height/2;

}

​

function draw() {

  background(255);

  fill(0);

  ellipse(centerX, centerY, 10, 10);

​

  if (glider) {

    glider.update();

    glider.display();

  }

}

​

function mousePressed() {

  // calculate the difference between

  // the current position and the target position

  let dx = centerX - mouseX;

  let dy = centerY - mouseY;

​

  console.log("difference is " + dx + " in x and " + dy + " in y");

  // we could think of dx/dy as a "vector"

  // each vector has a length, which we can

  // also calculate using the dist() function

  let len = dist(0, 0, dx, dy);

  console.log("length is " + len);

​

  // with this we can "normalize" the vector

  // meaning that we change dx & dy so that

  // their length is 1

  dx = dx / len;

  dy = dy / len;

  // create a new object with dx as speedX etc

  glider = new Glider(mouseX, mouseY, dx, dy);

}

​

class Glider {

  constructor(x, y, speedX, speedY) {

    this.x = x;

    this.y = y;

    this.speedX = speedX;

    this.speedY = speedY;

  }

  update() {

    this.x += this.speedX;

    this.y += this.speedY;

  }

  display() {

    rectMode(CENTER);

    rect(this.x, this.y, 10, 10);

  }

}