let yBolinha = 200;

let diametro = 30;

let velocidadeXBolinha = 6;

let velocidadeYBolinha = 6;

let raio = diametro / 2;

let raqueteComprimento = 10;

let raqueteAltura = 90;

​

// variáveis da raquete

let xRaquete = 5;

let yRaquete = 150;

​

// variáveis da raquete oponente

let xRaqueteOponente = 585;

let yRaqueteOponente = 150;

let velocidadeYOponente;

​

let colidiu = false;

​

//placar do jogo

let meusPontos = 0;

let pontosDoOponente = 0;

​

//sons do jogo

let raquetada;

let ponto;

let trilha;

​

function preload(){

  trilha = loadSound("trilha.mp3");

  ponto = loadSound("ponto.mp3");

  raquetada = loadSound("raquetada.mp3");

}

​

function setup() {

  // Setup do cenário

  createCanvas(600, 400);

  trilha.loop();

}

​

function draw() {

  background(0);

  mostraBolinha();

  movimentaBolinha();

  verificaColisaoBorda();

  mostraRaquete(xRaquete, yRaquete);

  movimentaMinhaRaquete();

  //verificaColisaoRaquete();

  verificaColisaoRaquete(xRaquete, yRaquete);

  mostraRaquete(xRaqueteOponente, yRaqueteOponente);

  //movimentaRaqueteOponente();

  verificaColisaoRaquete(xRaqueteOponente, yRaqueteOponente);

  incluiPlacar();

  marcaPonto();

}

​

function mostraBolinha() {

  fill(255);

  circle(xBolinha, yBolinha, diametro);

  }

​

function movimentaBolinha() {

  xBolinha += velocidadeXBolinha; // Movimento da bolinha no eixo xy

  yBolinha += velocidadeYBolinha;

}

​

function verificaColisaoBorda() {

  if (

    xBolinha + raio > width || // Retornar nas bordas x

    xBolinha - raio < 0

  ) {

    velocidadeXBolinha *= -1;

  }

  if (

    yBolinha + raio > height || // Retornar nas bordas y

    yBolinha - raio < 0

  ) {

    velocidadeYBolinha *= -1;

  }

}

function mostraRaquete(x, y) {

  // Raquete

  rect(x, y, raqueteComprimento, raqueteAltura);

}

​

function movimentaMinhaRaquete() {

  if (keyIsDown(UP_ARROW)) {

    yRaquete -= 6;

  }

  if (keyIsDown(DOWN_ARROW)) {

    yRaquete += 6;

  }

}

​

function movimentaRaqueteOponente() {

  velocidadeYOponente =

    yBolinha - yRaqueteOponente - raqueteComprimento / 2 - 30;

  yRaqueteOponente += velocidadeYOponente;

}

​

function incluiPlacar() {

  stroke(255); // borda

  textAlign(CENTER);

  textSize(40);

  fill(color(0, 255, 255)); //cor do meu placar

  rect(3, 3, 70, 40); // localização do meu placar

  fill(0, 0, 0); // cor # do meu placar

  text(meusPontos, 36, 33);

  fill(color(0, 255, 255)); // cor placar do oponente

  rect(527, 3, 70, 40);

  fill(0, 0, 0); // cor da bolinha e do # do placar do oponente

  text(pontosDoOponente, 560, 33); // localização do placar do oponente

}

​

function marcaPonto() {

  if (xBolinha > 587) {

    meusPontos += 1;

    ponto.play();

  }

​

  if (xBolinha < 13) {

    pontosDoOponente += 1;

    ponto.play();

  }

}

​

function verificaColisaoRaquete() {

  if (

    xBolinha - raio < xRaquete + raqueteComprimento &&

    yBolinha - raio < yRaquete + raqueteAltura &&

    yBolinha + raio > yRaquete){

    velocidadeXBolinha *= -1;

    }

}

​

function verificaColisaoRaquete(x, y) {

  colidiu = collideRectCircle(

    x,

    y,

    raqueteComprimento,

    raqueteAltura,

    xBolinha,

    yBolinha,

    raio

  );

​

  if (colidiu) {

    velocidadeXBolinha *= -1;

    raquetada.play();

  }

}

​