//variaveis da raquete
let xraquete = 5;
let yraquete =150;
let comprimento = 10;
let altura = 90

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

//velocidade da bolinha
let velocidadeXBolinha = 1;
let velocidadeYBolinha = 0;

function setup() {
  createCanvas(600, 400);
}
function draw() {
  background(0);
  mostraRaquete()
  mostraBolinha();
  movimentaBolinha();
  verificaColisaoBorda();
  movimentaMinhaRaquete();
}
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;
  }
}
function mostraRaquete(){
  rect(xraquete,yraquete,comprimento,altura);
}
function movimentaMinhaRaquete(){
  if (keyIsDown(UP_ARROW)){
    yraquete-=10;
  }
    if (keyIsDown(DOWN_ARROW)){
    yraquete+=10;
  }
}
function colisao(){
  if(xBolinha - raio < xraquete + altura){
    velocidadeXBolinha *= -1;
  }
}