var arrowX = 250

var y_velocity = 5

var x_velocity = 3

var x = 300

var y = 275

var player1 //= {x: arrowX, y: 20, width: 100, height: 20}

var player2 //= {x: wasd_X, y: 510, width: 100, height: 20}

​

function setup() {

  createCanvas(600, 550);

  player1 = new Player(arrowX,20,100,20);

  player2 = new Player(wasd_X,510.100,20);

}

​

function draw() {

  background(0);

fill(255);

  rect(0,265,600,5)

fill(255);

  player1 = rect(arrowX,20,100,20) // top player

  if (keyIsDown(LEFT_ARROW) && arrowX > 0) {

    arrowX -= 7; }

  if (keyIsDown(RIGHT_ARROW) && arrowX < 500) {

    arrowX += 7; }

fill(255);

  player2 = rect(wasd_X,510,100,20) // bottom player

  if (keyIsDown(65) && wasd_X > 0) {

    wasd_X -= 7; }

  if (keyIsDown(68) && wasd_X < 500) {

    wasd_X += 7; }

fill(255);

  ellipse(x,y,25,25) // pong ball

    x += x_velocity

    if (x >= 590) {

      x_velocity = -x_velocity }

    if (x <= 10) {

      x_velocity = -x_velocity }

  y += y_velocity

    if (y >= 540) {

      y_velocity = -y_velocity }

    if (y <= 10) {

      y_velocity = -y_velocity }

}