let xBolinha = 300;

let yBolinha = 200;

let diametro = 15;

let raio = diametro / 2;

​

//velocidade da bolinha

let velocidadeXBolinha = 6;

let velocidadeYBolinha =6;

​

//variáveis da raquete

let xRaquete = 5

let yRaquete = 150

let raqueteComprimento = 10

let raqueteAltura = 90

​

//variáveis do oponente

let xRaqueteOponente = 585

let yRaqueteOponente = 150

let velocidadeYOponente;

​

//placar do jogo

let meusPontos = 0;

let pontosOponente = 0;

​

function setup() {

  createCanvas(600, 400);

}

​

function draw() {

  background(0);

  mostraBolinha();

  movimentaBolinha();

  verificaColisaoBorda();

  mostraRaquete(xRaquete, yRaquete);

  movimentaMinhaRaquete();

  verificaColisaoRaquete();

  mostraRaquete(xRaqueteOponente, yRaqueteOponente);

  movimentaRaqueteOponente();

  verificaColisaoRaqueteOponente();

  incluiPlacar();

  marcaPonto();

}

​

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(x, y){

  rect(x, y, raqueteComprimento, raqueteAltura)

}

​

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;

  }

}

​

function verificaColisaoRaqueteOponente(){

  if (xBolinha + raio > xRaqueteOponente && yBolinha -raio < yRaqueteOponente + raqueteAltura && yBolinha + raio > yRaqueteOponente){

    velocidadeXBolinha *= -1;

  }

}

​

​

function movimentaRaqueteOponente(){

  velocidadeYOponente = 0.85* yBolinha -yRaqueteOponente - raqueteComprimento / 2 -50;

  yRaqueteOponente += velocidadeYOponente

}

​

function incluiPlacar(){

  textAlign(CENTER)

  textSize(16)

  fill(255)

  text(meusPontos, 269, 26)

  text(pontosOponente, 321, 26)

}

​

function marcaPonto(){

  if (xBolinha > 590){

    meusPontos = (meusPontos + 1)

     }

  if (xBolinha < 10){

    pontosOponente += 1

    }

  }

​

//function movimentaRaqueteOponente(){

 // if (keyIsDown(87)){

   // yRaqueteOponente -= 10;

  //}

  //if (keyIsDown(83)){

    //yRaqueteOponente += 10;

  //}

//}

​