//váriavéis bolinha, posição e dimensção;
var xBolinha = 200;
var yBolinha = 200;
var dBolinha = 20;
var raio = dBolinha/2;
//velocidade da bolinha
var xVelocidade = 5;
var yVelocidade = 5;
mostraBolinha();
function setup() {
  createCanvas(400, 400);
}
function draw() {
  background(0);
  mostraBolinha();
  movimentaBolinha();
  bordas();
}
  function mostraBolinha(){
  circle(xBolinha, yBolinha, dBolinha);
  }
  function movimentaBolinha(){
    xBolinha =+ xVelocidade;
    yBolinha =+ yVelocidade;
  }
  function bordas (){
    if( xBolinha + raio > width ||
       xBolinha - raio < 0){
      xVelocidade *= -1;
    }
    if( xBolinha + raio > height ||
       xBolinha - raio < 0){
      yVelocidade *= -1;
    }
  }