MEU PONG

//variáveis da bolinha
var xBolinha = 300;
var yBolinha = 200;
var diametro = 20;
var raio = diametro/2

//velocidade da Bolinha 
var velocidadeXBolinha = 5;
var velocidadeYBolinha = 5;

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

function draw() {
  background(0); 
  mostraBolinha();
  movimentaBolinha();
  verificaColisaoBorda();
}

function mostraBolinha(){
  circle(xBolinha, yBolinha, diametro); 
}

function movimentaBolinha(){
  xBolinha += velocidadeXBolinha;
  yBolinha += velocidadeYBolinha;
}

function verificaColisaoBorda(){
  if (xBolinha + raio > width || xBolinha - raio < 0 ){
    velocidadeXBolinha *= - 1;
  }

  if(yBolinha + raio > height || yBolinha - raio < 0){
    velocidadeYBolinha *= -1
  }
}