let xBolinha = 300;

let yBolinha = 200;

let diametro = 15;

let raio = diametro / 2 ;

​

//velocidade da bolinha

let velocidadeXBolinha = 8;

let velocidadeYBolinha = 8;

​

//variáveis da raquete

let xRaquete = 5;

let yRaquete = 150;

let raqueteComprimento = 10;

let raqueteAltura = 90;

​

//variáveis da raquete do oponente

let xRaqueteOponente = 585;

let yRaqueteOponente = 150;

let velocidadeYOponente;

let chanceDeErrar = 0;

​

//placar do jogo

let meusPontos = 0;

let pontosDoOponente = 0;

​

//sons e imagem do jogo

let raquetada;

let ponto;

let trilha;

let wallpaper;

​

//som dos efeitos do jogo e imagem como background

function preload(){

  trilha = loadSound("trilha.mp3");

  ponto = loadSound("ponto.mp3");

  raquetada = loadSound("raquetada.mp3");

  wallpaper = loadImage("galaxybackground.png");

}

​

let colidiu = false;

​

//É aqui aonde a trilha do jogo irá tocar, só apertar play não iria fazer com que o som de fundo tocasse todo o tempo

function setup() {

  createCanvas(600, 400);

  trilha.loop();

}

​

//a função core do projeto, aonde contém todos os elementos e comportamentos do mesmo no palco

function draw() {

  background(wallpaper);

  mostraBolinha();

  movimentaBolinha();

  verificaColisaoBorda();

  mostraRaquete(xRaquete, yRaquete);

  movimentaMinhaRaquete();

  verificaColisaoRaquete(xRaquete, yRaquete);

  mostraRaquete(xRaqueteOponente, yRaqueteOponente);

  movimentaRaqueteOponente();

  verificaColisaoRaquete(xRaqueteOponente, yRaqueteOponente);

  incluiPlacar();

  marcaPonto();

}

​

//É aqui aonde a bolinha é apresentada no jogo

function mostraBolinha(){

  circle(xBolinha, yBolinha, diametro);

}

​

//É aqui aonde a bolinha se movimenta no jogo

function movimentaBolinha(){

  xBolinha += velocidadeXBolinha;

  yBolinha += velocidadeYBolinha;

}

​

//Interessante frisar que é aqui aonde ocorre de fato a colisão da bola com a raquete, evitando o problema dela passar toda a raquete ou a metade

​

function verificaColisaoBorda(){

  if (xBolinha + raio> width ||

     xBolinha - raio< 0){

    velocidadeXBolinha *= -1;

  }

  if (yBolinha + raio> height ||

     yBolinha - raio < 0){

    velocidadeYBolinha *= -1;

  }

}

​

//Funções aonde mostram as raquetes, tanto a do player como a do COM

​

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;

     raquetada.play();

     }

}

​

function verificaColisaoRaquete(x, y) {

  colidiu = collideRectCircle(x, y, raqueteComprimento, raqueteAltura, xBolinha, yBolinha, raio);

  if(colidiu){

    velocidadeXBolinha *= -1;

    raquetada.play();

  }

}

​

//Aonde a raquete do oponente ou COM se movimentará, inseri os erros para que claro, fique mais fácil de se jogar contra

​

function movimentaRaqueteOponente(){

  velocidadeYOponente = yBolinha -yRaqueteOponente - raqueteComprimento / 2 - 30;

  yRaqueteOponente += velocidadeYOponente + chanceDeErrar

  calculaChanceDeErrar()

}

​

//Aonde o placar e a pontuação irão aparecer no jogo

​

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(pontosDoOponente, 470, 26);

}

​

//Verificação de que a bolinha encostará na borda, logo, contando como ponto

function marcaPonto() {

    if (xBolinha > 590) {

        meusPontos += 1;

      ponto.play();

    }

    if (xBolinha < 10) {

        pontosDoOponente += 1;

      ponto.play();

    }

}

​

//Chance de erro da raquete, para que seja possível ter uma partida "equilibrada" contra o COM

function calculaChanceDeErrar() {

  if (pontosDoOponente >= meusPontos) {

    chanceDeErrar += 1

    if (chanceDeErrar >= 39){

    chanceDeErrar = 40

    }

  } else {

    chanceDeErrar -= 1

    if (chanceDeErrar <= 35){

    chanceDeErrar = 35

    }

  }

}