// Bola let xbola = 300; let ybola = 200; let diametro = 20; let raio = diametro/2;

//Movimento da bola let movimentox = 2; let movimentoy = 6;

//Raquete let xraquete = 5; let yraquete = 150; let comprimentoRaquete = 13; let alturaRaquete = 100; let colidiu = false;

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

function draw() { background(0); MostraBola(); MoveBola(); VoltaBorda(); MostraRaquete(); MovimentaRaquete();

}

function MostraBola(){ circle(xbola,ybola,diametro); }

function MoveBola(){ xbola += movimentox; //ybola += movimentoy;

}

function VoltaBorda(){ if(xbola +raio > width || xbola -raio <0){ movimentox *= -1; } if(ybola + raio > height || ybola -raio <0){ movimentoy *= -1;

 }
}

function MostraRaquete(){ rect(xraquete,yraquete,comprimentoRaquete,alturaRaquete) }

function MovimentaRaquete(){ if(keyIsDown(UP_ARROW)) yraquete -=10 if(keyIsDown(DOWN_ARROW)) yraquete +=10 }

function colisao(){ colidiu = collideRectCircle(xraquete,yraquete,comprimetoRaquete,alturaRaquete, xbola, ybola,diametro); if(colidiu){ movimentox *= -1;}

}