var y = 200;

var changeY = 4;

var changeX = 4;

var AIx = 500;

var D = 100;

var changeD = 4;

var r = 255;

var g = 255;

var b = 255;

var l = 255;

var m = 255;

var n = 255;

var o = 200;

var p = 200;

function setup() {

  createCanvas(600, 400);

}

​

function draw() {

  background(0,10);

  stroke(255);

    fill(255);

  ellipse(x,y,25,25);

  //ball

  x = x + changeX; 

  y = y + changeY;

  if (y > 400-12.5){

    changeY = -changeY - random(1,2);

}

    if (y < 0+12.5){

    changeY = random(1,5.5);

}

  //paddles or color

​

    if (x > 575){

    changeX = -changeX + random(-10,10);

}

    if (x < 15){

    changeX = 4.5;

}

  if (o > 400-60){

    o = 400-100;

}

    if (o < 0){

    o = 0+75;

}

  //???

    if (y < o+75 && y > o-25 && x > D-15 && x < D+25){

    changeX = -changeX + random (0,3);

    changeY = -changeY + random(-3,5);

}

  if (keyIsDown(UP_ARROW)){

    o -= 10;

  }

  if (keyIsDown(DOWN_ARROW)) {

    o += 10;

  }

   if (keyIsDown(LEFT_ARROW)) {

    x = 300;

    D = 100;

    y = 200;

    o = 200;

     changeX = random (-5,5);

    changeY = random(5,5);

}

    if (changeX > 6){

    changeX = 5.5;

}

  stroke(238,12,35);

  fill(r,g,b);

  rect(AIx,y-30,20,100);

  stroke(0,255,0);

  fill(l,m,n);

  rect (D, o-30, 20, 100);

  if (x > 493){

      changeX = -changeX;

  }

  if (x < D - 85){

    x = 300;

    D = 100;

    y = 200;

    o = 200;

    changeX = random(-4,2);

      if (changeX == 1){

    changeX = changeX + random (-4,4);

}

  if (changeX == -1){

    changeX = changeX + random (-4,4);

}

}

}