Copiei os códigos mas os pontos do oponente não contabilizam

Oi Marcelo! Tudo bem por aí?

Os pontos não estão contabilizando pois algumas condições estão faltando na sua função de colisão da bolinha com a raquete. Sua função está assim:

  function verificarColisaoRB(){
  if (xBolinha - raio < xRaquete + raqcomprimento){
    velocidadexbolinha *= -1;
  }
  }

E isso deixa de levar em consideração o tamanho da raquete. É como se toda a abrangência do espaço da raquete no eixo y fosse considerado, e então a bolinha nunca colide com a borda do canvas (que é o que marca um ponto).

Perceba que a colisão com a raquete do oponente também não ocorre. A bolinha a ultrapassa.

Para resolver, adicione algumas condições na função verificarColisaoRB:

  function verificarColisaoRB(){
    if (xBolinha - raio < xRaquete + raqcomprimento
        && yBolinha - raio < yRaquete + raqlargura
        && yBolinha + raio > yRaquete) {
        velocidadexbolinha *= -1;
    }
} 

• Em xBolinha - raio < xRaquete + raqueteComprimento, analisamos a parte esquerda da bolinha e a colisão com a raquete;
• Em yBolinha - raio < yRaquete + raqueteAltura comparamos a parte superior da bolinha com a parte inferior da raquete;
• Em yBolinha + raio > yRaquete comparamos a parte inferior da bolinha com a parte superior da raquete.

Na função da colisão com a raquete do oponente, faça as seguintes alterações:

  function verificarcolisaoop(){
       if (xBolinha + diametro > xRaqueteop + raqcomprimento 
        && yBolinha - raio < yRaquete + raqlargura
        && yBolinha + raio > yRaquete){
    velocidadexbolinha *= -1;
      }   
}

Agora as duas colisões estão acontecendo como esperado!

O oponente não vai mais marcar pontos, pois ele nunca erra. Isso será resolvido nessa aula aqui:

• Possibilitando erro da raquete do oponente

Espero ter ajudado, Marcelo! Estou a disposição.

Forte abraço.