var y = 20;

var z = 0;

var a = 0;

var changeX = 1;

var changeY = 0;

var rot1 = 0;

var rot2 = 0;

function setup() {

  createCanvas(400, 400);

  background (0);

  stroke (255);

}

​

function draw() {

  fill(8,255,8);

  background(0,0,0,10);

  translate (100,200);

  rotate(rot1);

  ellipse(z,a,200,10);

  rotate(-rot1);

  translate(-100,-200);

  translate(300,200);

  rotate(rot2);

  ellipse(z,a,200,10);

  rotate(-rot2);

  translate(-300,-200);

  rot1 = rot1 + 0.03;

  rot2 = rot2 - 0.03;

​

  fill("white");

  ellipse(x,y,30,30);

  x = x + changeX;

  y = y + changeY;

  changeY = changeY + 0.02;

  if(x > 400){

    changeX = -1;

  }

  if (x < 0){

    changeX = 1;

  }

  if (y > 400){

  changeY = -changeY;

  }

​

​

}