let xBolinha = 300;

let yBolinha = 200;

let diametro = 15;

let raio = diametro/2;

​

//velocidade da bolinha

let velocidadexBolinha = 5;

let velocidadeyBolinha = 5;

​

//variaveis da raquete

let xRaquete = 5;

let yRaquete = 150;

let wRaquete = 10;

let hRaquete = 90;

​

//variaveis do oponente

let xRaqueteOponente = 585;

let yRaqueteOponente = 150;

let wRaqueteOponente = 10;

let hRaqueteOponente = 90;

let velocidadexOponente;

let velocidadeyOponente;

​

let colidiu = false

​

//placar do jogo

let meusPontos = 0;

let pontosOponente = 0;

​

//sons do jogo

let raquetada;

let ponto;

let trilha;

​

//chance de errar

let chanceDeErrar = 0;

​

function preload(){

  trilha = loadSound("trilha.mp3");

  ponto = loadSound("ponto.mp3");

  raquetada = loadSound("raquetada.mp3");

}

​

function setup() {

  createCanvas(600, 400);

  //trilha.loop();

}

​

function draw(){

  background(0);

  mostraBolinha();

  movimentaBolinha();

  colisaoBorda();

  mostraRaquete(xRaquete, yRaquete);

  movimentaMinhaRaquete();

  //verificaColisaoRaquete();

  verificaColisaoRaquete(xRaquete, yRaquete);

  mostraRaquete(xRaqueteOponente, yRaqueteOponente);

  movimentaRaqueteOponente();

  verificaColisaoRaquete(xRaqueteOponente, yRaqueteOponente);

  incluiPlacar();

  marcaPonto();

}

​

function mostraBolinha(){

  circle(xBolinha,yBolinha,diametro);

}

​

function movimentaBolinha(){

  xBolinha += velocidadexBolinha;

  yBolinha += velocidadeyBolinha;

}

​

function colisaoBorda(){

   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, wRaquete, hRaquete);

}

​

function movimentaMinhaRaquete(){

  if (keyIsDown(UP_ARROW)){

    yRaquete -= 10;

  }

  if (keyIsDown(DOWN_ARROW)){

    yRaquete += 10;

  }

  if (yRaquete == -10) {yRaquete = 0;}

  if (yRaquete == 330) {yRaquete = 320;}

}

​

function verificaColisaoRaquete(){

  if (xBolinha - raio < xRaquete + wRaquete && yBolinha - raio < yRaquete + hRaquete && yBolinha + raio > yRaquete){

    velocidadexBolinha *=-1;

    raquetada.play();

  }

}

​

function verificaColisaoRaquete(x, y){

  colidiu =

  collideRectCircle(x, y, wRaquete, hRaquete, xBolinha, yBolinha, raio);

  if (colidiu){

    velocidadexBolinha *=-1;

    raquetada.play();

  }

}

​

function movimentaRaqueteOponente(){

  velocidadeyOponente = yBolinha - yRaqueteOponente - wRaquete / 2 - 30;

  yRaqueteOponente += velocidadeyOponente + chanceDeErrar

}

​

function calculaChanceDeErrar() {

  if (pontosDoOponente >= meusPontos) {

    chanceDeErrar += 1

    if (chanceDeErrar >= 39){

    chanceDeErrar = 40

    }

  } else {

    chanceDeErrar -= 1

    if (chanceDeErrar <= 35){

    chanceDeErrar = 35

    }

  }

}

​

function incluiPlacar(){

  stroke(255);

  textAlign(CENTER);

  textSize (16);

  fill(color(255,140,0));

  rect(150, 10, 40, 20);

  fill(255);

  text(meusPontos, 170, 26);

  fill(color(255,140,0));

  rect(450, 10, 40, 20);

  fill(255);

  text(pontosOponente, 470, 26)

}

​

function marcaPonto(){

  if (xBolinha > 590){

    meusPontos += 1;

    ponto.play();

  }

  if (xBolinha < 7){

    pontosOponente += 1;

    ponto.play();

  }

}