let xBolinha=300;

let yBolinha=200;

let diametro=15;

​

//Variaveis da velocidade

let velocidadexBolinha = 5;

let velocidadeyBolinha = 5;

let raio = diametro / 2;

​

//Variaveis da Raquete

let xRaquete = 5;

let yRaquete = 150;

let raqueteComprimento = 10;

let raqueteAltura = 100;

​

//Variaveis da Raquete Oponente

let xRaqueteop = 580;

let yRaqueteop = 150;

//let velocidadexBolinhaop = 5;

//let velocidadeyBolinhaop = 5;

​

//Variavel erro op

let chanceDeErrar = 0;

​

//Variaveis de pontos

let pontosCasa = 0;

let pontosFora = 0;

​

//Variaveis de Som

let raquetada;

let ponto;

let trilha;

​

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();

  verificaBorda();

  mostraRaquete(xRaquete,yRaquete);

  mostraRaquete(xRaqueteop, yRaqueteop);

  movimentaRaquete();

  movimentaRaqueteop();

  toqueRaquete();

  toqueRaqueteop()

  incluiPlacar();

  marcaPonto();

}

​

​

function mostraBolinha(){

  circle(xBolinha, yBolinha, diametro);

}

​

function movimentaBolinha(){

  xBolinha += velocidadexBolinha;

  yBolinha += velocidadeyBolinha;

}

​

function verificaBorda(){

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

  if (keyIsDown(UP_ARROW)){

    yRaquete -= 10;

  }

  if (keyIsDown(DOWN_ARROW)){

    yRaquete += 10;

  }

}

​

function toqueRaquete(){

  if (xBolinha - raio < xRaquete + raqueteComprimento && yBolinha - raio < yRaquete + raqueteAltura && yBolinha + raio > yRaquete ){

    velocidadexBolinha *=-1;

    raquetada.play();

  }

}

​

function toqueRaqueteop(){

  if (xBolinha + raio > xRaqueteop && yBolinha - raio < yRaqueteop + raqueteAltura && yBolinha + raio > yRaqueteop){

    velocidadexBolinha *=-1;

    raquetada.play();

  }

}

​

function movimentaRaqueteop(){

    velocidadeyBolinhaop = yBolinha - yRaqueteop - raqueteComprimento / 2 -60;

  yRaqueteop += velocidadeyBolinhaop + chanceDeErrar

  calculaChanceDeErrar()

}

​

function calculaChanceDeErrar() {

  if (pontosFora >= pontosCasa) {

    chanceDeErrar += 1

    if (chanceDeErrar >= 2){

    chanceDeErrar = 3

    }

  } else {

    chanceDeErrar -= 1

    if (chanceDeErrar <= 2){

    chanceDeErrar = 2

    }

  }

}

​

function incluiPlacar(){

  stroke(255)

  textAlign(CENTER);

  textSize(18);

  fill(color(50, 0, 190));

  rect(150, 10, 40, 20);

  fill(255);

  text(pontosCasa, 170, 26);

  fill(color(50, 0, 195));

  rect(450, 10, 40, 20);

  fill(255);

  text(pontosFora, 470, 26);

}

​

function marcaPonto(){

  if (xBolinha > 590) {

    pontosCasa += 1;

    ponto.play();

  }

  if (xBolinha < 8){

    pontosFora += 1;

    ponto.play();

  }

}