var y = 200;

var xspeed = 2;

var yspeed = -2;

var paddley = 150;

var paddlex = 150;

var k = 0;

var p = 0;

var tik = 0;

​

function setup() {

  createCanvas(600, 400);

}

​

function draw() {

  background(0, 0, 0);

​

  textSize(50);

  textAlign(CENTER);

  text(k, 50, 50);

  text(p, 550, 50);

  stroke("white");

​

  rect(0, paddlex, 20, 100);

  rect(580, paddley, 20, 100);

  strokeWeight(1);

  //   line

  var z = 10;

  while (z < 400) {

    rect(300, z, 10, 10);

    z = z + 20;

  }

​

  // paddle

  if (x > 580 - 25 && y < paddley + 100) {

    xspeed = -2;

  }

  if (x < 20 + 25 && y < paddlex + 100) {

    xspeed = 2;

  }

​

  //   ball

  ellipse(x, y, 50, 50);

  x = x + xspeed;

  y = y + yspeed;

​

  if (x > 575) {

    xspeed = -2;

    p = p + 1;

    fill(191, 15, 2);

  }

  if (x < 25) {

    xspeed = 2;

    k = k + 1;

    fill(37, 2, 176);

  }

  if (y > 375) {

    yspeed = -2;

  }

  if (y < 25) {

    yspeed = 2;

  }

​

  // winning thing

  if (k >= 2) {

    text("Blue Wins!", 300, 200);

    frameRate(45);

    tik = tik + 1;

    if (tik >= 45) {

      k = k - 2;

      p = p - p;

      frameRate(60);

      tik = 0;

    }

  }

  if (p >= 2) {

    text("Red Wins!", 300, 200);

    frameRate(45);

    tik = tik + 1;

    if (tik >= 45) {

      p = p - 2;

      k = k - k;

      frameRate(60);

      tik = 0;

    }

  }

}

​