//variáveis da bolinha

let xBolinha= 300;
let yBolinha= 200;
let diametro= 15;
let raio= diametro/2;

// variáveis de velocidade da bolinha

let velocidadeXBolinha= 6;
let velocidadeYBolinha= 6;


function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  desenhaBolinha();
  movimentaBolinha();
  verificaColisaoBolinha();
}


function desenhaBolinha() {

  circle(xBolinha, yBolinha, diametro);
}

function movimentaBolinha() {

  xBolinha+= velocidadeXBolinha;
  yBolinha+= velocidadeYBolinha;
}

function verificaColisaoBolinha() {

  if( xBolinha + raio > width || xBolinha - raio < 0) {

    velocidadeXBolinha *= -1;
  }

  if( yBolinha + raio > height || yBolinha - raio < 0) {

    velocidadeYBolinha *= -1;
  }
}