var speed= 2;

var r,g,b;

​

function setup() {

  createCanvas(400, 400);

  r = random(0,255);

  g = random(0,255);

  b = random(0,255);

}

​

function draw() {

  background("rgb(240,34,240)");

  fill("#10C9F3");

  circle(x, 200, 100);

  x = x + speed;

  if(x +50> width){

  speed = -2;

  //r = random(0,255);

  //g = random(0,255);

  //b = random(0,255);

  } 

  // circle going back

  if (x -50 < 0) {

  speed = 2;

 //r = random(0,255);

 //g = random(0,255);

 //b = random(0,255);

  }

  // circle going forward

 translate(width/2, height/2);

   var r = frameCount / 1000;

   rotate(r * -30);

   fill(r,g,b);

   ellipse(200, 50, 40);

  // the little circle rotating

  if(frameCount % 30 ==0);{

  r = random(0,255);

  g = random(0,255);

  b = random(0,255);

  }

  //color changing

}