let yJump = 5.5;

let x2Jump = 1;

let y2Jump = 10;

let x = 0;

let y = 0;

let x2 = 200;

let y2 = 0;

let h = 20;

let w = 20;

function setup() {

  createCanvas(400, 400);

  frameRate (20);

}

​

function draw() {

  background(map(mouseX, 0 ,width, 0, 360),

  100,

    map (mouseY, 0, height,0, 100));

  colorMode(HSB);

  for (let y = h; y < height; y = y + 20){

    for (let x = w; x< width; x = x+ 20){

      fill(0, 0, random(100));

      ellipse (x, y, w, w,);

            }

            }

  ellipse(x,y,50,50);

  fill(0,76,0);

  x = x + xJump;

  y = y + yJump;

  if (x > width) {

    xJump = xJump * -1

  }

​

  if (y > height) {

    yJump = yJump * -1;}

  if (x <=0) {

    xJump = xJump * -1;

  }

 if (y <= 0) {

    yJump = yJump * -1;}

  ellipse(x2,y2,50,50);

  fill(0,76,0);

  x2 = x2 + x2Jump;

  y2 = y2 + y2Jump;

  if (x2 > width) {

    x2Jump = x2Jump * -1;

  }

​

  if (y2 > height) {

    y2Jump = y2Jump * -1;}

  if (x2 <=0) {

    x2Jump = x2Jump * -1;

  }

 if (y2 <= 0) {

    y2Jump = y2Jump * -1;}

​

​

}