let yBolinha = 200;

let diametro = 15

let raio = diametro / 2;

​

let velocidadeXbolinha = 6;

let velocidadeyBolinha = 6;

​

//variaveis da raquete

let xRaquete = 5

let yRaquete = 150

let raqueteComprimento = 10

let raqueteAltura = 90

​

​

function setup() {

  createCanvas(600, 400);

}

​

function draw() {

  background(0);

  mostraBolinha();

 movimentaBolinha();

 verificaColisaoBorda(); 

mostraRaquete()

movimentaMinhaRaquete()

verificaColisaoRaquete();

}

​

​

​

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,raqueteComprimento,raqueteAltura)

  mostraRaquete}

​

function movimentaMinhaRaquete(){ 

if (keyIsDown(UP_ARROW)){

  yRaquete -= 10;

}

 if (keyIsDown(DOWN_ARROW)){

  yRaquete += 10;}}

​

function verificaColisaoRaquete() {

    if (xBolinha - raio < xRaquete + raqueteComprimento

        && yBolinha - raio < yRaquete + raqueteAltura

        && yBolinha + raio > yRaquete) {

        velocidadeXBolinha *= -1;

    }

}

​

​

​