var font;

var vehicles = [];

var points;

​

var pongX = 100;

var pongY = 100;

var speedX = 2;

var speedY = 2;

​

var Ax = 100;

var Ay = 300;

​

​

function preload() {

  font = loadFont("AvenirNextLTPro-Demi.otf")

  frameRate(45)

}

​

function setup() {

  createCanvas(800, 500);

​

  points = font.textToPoints("p5js", Ax, Ay, 300);

​

  for (var i = 0; i < points.length; i++) {

    pt = points[i]

    var vehicle = new Vehicle(pt.x, pt.y, i)

    vehicles.push(vehicle)

  }

​

}

​

function draw() {

  background(22, 23, 26);

​

  ball()

​

  for (var i = 0; i < vehicles.length; i++) {

    vehicle = vehicles[i]

    var dis = int(dist(vehicle.pos.x, vehicle.pos.y, pongX, pongY));

    vehicle.update(dis);

    vehicle.show();

  }

}

​

function ball() {

  fill(35, 73, 117, 80);

  stroke(250, 253, 255, 100);

  strokeWeight(15)

  pongX = pongX + speedX

  pongY = pongY + speedY

  ellipse(pongX, pongY, 150)

  if(pongX >= width - magnifier_r / 2) { 

    speedX = -1 * speedX

  }

  if (pongX <= 0 + magnifier_r / 2) { 

    speedX = abs(1 * speedX)

  } 

  if(pongY >= height - magnifier_r / 2) { 

    speedY = -1 * speedY

  }

  if (pongY <= 0 + magnifier_r / 2) { 

    speedY = abs(1 * speedY)

  } 

}

​

​

​

​

​

​

​

​