var speed = 10;

var mx = 200,

  my = 200;

let r;

let g;

let b;

let r2;

let g2;

let b2;

let E1;

​

function setup() {

  createCanvas(400, 400);

  noStroke();

  r = random(255); // r is a random number between 0 - 255

  g = random(255); // g is a random number betwen 100 - 200

  b = random(255); // b is a random number between 0 - 100

  r2 = random(255); // r is a random number between 0 - 255

  g2 = random(255); // g is a random number betwen 100 - 200

  b2 = random(255); // b is a random number between 0 - 100

}

​

function draw() {

  background(r2, g2, b2);

  fill(r, g, b);

  E1 = ellipse(mx, my, xpos, xpos);

}

function keyPressed() {

  if (keyCode === RIGHT_ARROW) {

    ellipseMode(CENTER);

​

    xpos = xpos + speed;

​

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

      speed = speed * -1;

    }

  }

  if (keyCode === LEFT_ARROW) {

    ellipseMode(CENTER);

​

    xpos = xpos - speed;

​

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

      speed = speed * -1;

    }

  }

  if (keyCode === SHIFT) {

    r = random(255); 

    g = random(255);

    b = random(255); 

  }

  if (keyCode === ENTER) {

    r2 = random(255); 

    g2 = random(255); 

    b2 = random(255); 

  }

}

function mouseDragged() {

  mx = mouseX;

  my = mouseY;

}

function doubleClicked () {

   r = random(255); 

    g = random(255);

    b = random(255); 

}

function mouseWheel() {

   r2 = random(255); 

    g2 = random(255); 

    b2 = random(255); 

}