var xBolinha = 300;

var yBolinha = 200;

var diametro = 13;

var raio = diametro / 2;

​

//velocidade da bolinha

var velocidadeXBolinha = 6;

var velocidadeYBolinha = 6;

​

//variáveis da raquete

let xRaquete = 5;

let yRaquete = 150;

let raqueteComprimento = 10;

let raqueteAltura = 90;

​

//variavel do oponente

var xRaqueteOponente = 585;

var yRaqueteOponente = 150;

var velocidadeYOponente ;

​

var colidiu = false;

​

//placar do jogo

var meusPontos = 0;

var pontosDoOponente = 0;

​

//variavel de sons do jogo

var raquetada = "raquetada.mp3"

var ponto = "ponto.mp3"

var trilha = "TRILHA.mp3"

​

​

function preload(){

  trilha = loadSound ("TRILHA.mp3")

  ponto = loadSound ("ponto.mp3")

 raquetada = loadSound ("raquetada.mp3")

}

​

function setup() {

  createCanvas(600, 400);

  trilha.loop()

}

​

function draw() {

    background(color(176,224,230));

    mostraBolinha();

    movimentaBolinha();

    verificaColisaoBorda();

  mostraRaquete(xRaquete, yRaquete);

  movimentaMinhaRaquete();

  colisaoRaqueteBiblioteca(xRaquete, yRaquete);

  mostraRaquete(xRaqueteOponente, yRaqueteOponente);

  movimentaRaqueteOponente();

  colisaoRaqueteBiblioteca(xRaqueteOponente, yRaqueteOponente);  

  incluiPlacar();

  placar();

}

​

function mostraBolinha() {

  fill(color(240,230,140))

    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){

  fill(color(135,206,235))

rect(x, y, raqueteComprimento, raqueteAltura);  

}

​

function movimentaMinhaRaquete(){

     if (keyIsDown(87)) {

        yRaquete -= 10;}

    if (keyIsDown(83)) {

        yRaquete += 10;

    }

}

​

function verificaColisaoRaquete() {

    if (xBolinha - raio < xRaquete + raqueteComprimento

        && yBolinha - raio < yRaquete + raqueteAltura

        && yBolinha + raio > yRaquete) {

        velocidadeXBolinha *= -1;

      raquetada.play();

    }

}

​

function colisaoRaqueteBiblioteca(x, y){

  colidiu = 

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

  if (colidiu){

    velocidadeXBolinha *= -1;

  raquetada.play();

  }

  }

​

function movimentaRaqueteOponente(){

   if (keyIsDown(UP_ARROW)) {

        yRaqueteOponente -= 10;

    }

    if (keyIsDown(DOWN_ARROW)) {

        yRaqueteOponente += 10;

    }

}

​

function incluiPlacar(){

  stroke(255)

  textSize(16);

  textAlign(CENTER);

  fill(color(255,20,147))

  rect(150, 10, 40, 20)

  fill (255);

  text(meusPontos, 170, 26)

  fill(color(255,20,147))

  rect(450, 10, 40, 20)

  fill (255);

  text(pontosDoOponente,470, 26)

}

​

function placar(){

  if (xBolinha > 590) {

        meusPontos += 1;

    ponto.play()

    }

    if (xBolinha < 10) {

        pontosDoOponente += 1;

    ponto.play()

    }

}

​

​