Raquetes

Olá Thiago,

Uma solução para impedir que as raquetes ultrapassem a tela é definir dentro da função de movimento das raquetes que SE a posição Y da raquete for menor ou igual a zero a variável Y de posição da raquete deve receber a posição limite da tela (0). O mesmo deverá ser feito para a parte inferior da tela, ou seja se a posição Y da raquete mais a altura da raquete forem iguais a altura da tela (400) a posição Y da raquete deverá receber o valor da altura da tela menos a altura da raquete.

function movimentaMinhaRaquete(){
  if (keyIsDown(UP_ARROW)){
    yRaquete -= 10;
    if (yRaquete <= 0){
      yRaquete = 0;
    }
  }
  if (keyIsDown(DOWN_ARROW)){
    yRaquete += 10;
    if (yRaquete + raqueteAltura >= height){
      yRaquete = height - raqueteAltura;
    }
  }
}

O mesmo pode ser feito com a raquete do oponente

function movimentaRaqueteOponente(){
  velocidadeYOponente = yBolinha -yRaqueteOponente - raqueteComprimento / 2 - 30;
  yRaqueteOponente += velocidadeYOponente

  if (yRaqueteOponente <= 0){
      yRaqueteOponente = 0;
  }
  if (yRaqueteOponente + raqueteAltura >= height){
      yRaqueteOponente = height - raqueteAltura;
  }
}