​

var ball = {

  x: 300,

  y: 300,

  h: 20

}

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() { 

  r = map(ball.x, 0, 600, 0, 255);

  b = map(ball.y, 0, 600, 0, 255);

  background(r, 0, b);

  noStroke();

  fill(255);

  ellipse(ball.x, ball.y, ball.h);

  if(mouseIsPressed){

    ball.x = min(max(0, mouseX), 600);

    ball.y = min(max(0, mouseY), 600);

  }

}