tennis?

var rad = 60; 

var xpos, ypos; 

​

var xspeed = 8; 

​

var xdirection = 1;

var angle = 0;

var x = 50;

var y = 50;

​

var deg = 12;

var value = 0;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  angleMode(DEGREES);

  noStroke();

  frameRate(50);

  ellipseMode(RADIUS);

  xpos = width / 2;

}

​

function draw() {

  background(39,174,96);

  // fill(135,205,234);

  // rect(0,0,windowWidth, windowHeight/3);

  strokeWeight(4);

  stroke("white");

  line(900, 0, 100, 1000);

  // strokeWeight(3);

  // stroke("white");

  // line(900,0, 900, 50);

  strokeWeight(3);

  stroke("white");

  line(0,50, 1200, 50);

  strokeWeight(3);

  stroke("white");

  line(0,600, 1200, 600);

  stroke(0,0,0);

  strokeWeight(1);

  xpos = xpos + xspeed * xdirection;

  if (xpos > width - rad || xpos < rad) {

    xdirection *= -1;

  }

​

  fill(44,44,32);

  ellipse(xpos, 400, 50, 20);

   xpos = xpos + xspeed * xdirection;

  if (xpos > width - rad || xpos < rad) {

    xdirection *= -1;

  }

​

  fill(255);

  ellipse(xpos, 300, 50, 50);

​

  push();

  translate (10,300);

  rectMode (CENTER);

  rotate (radians (deg));

  rect(0,0,10,100);

  pop();

  deg+=100;

  push();

  translate (1190,300);

  rectMode (CENTER);

  rotate (radians (deg));

  rect(0,0,10,100);

  pop();

  deg+=100;

​

}

​