PONG CAIO ps5JS

Finalizado, vamos para a proxima etapa =)

//variaveis bolinha
let xBolinha = 300;
let yBolinha = 200;
let diametro = 18;
let raio = diametro / 2;

//velocidade da bolinha
let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;



function setup() {
  createCanvas(600, 400); // cria cenario
}

function draw() {
  background(0); //cria background
  mostraBolinha(); //cria a bolinha
  movimentaBolinha(); // movimenta a bolinha
  verificaColisaoBordas(); // colisão da bolinha com a borda

}

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

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

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

}