A raquete não se move o "UP_ARROW" e "DDOWN_ARROW" estão vermelhos

Boa tarde, pessoal! Todos bem?

Não sei o que fazer nesse caso: A raquete não se move o "UP_ARROW" e "DDOWN_ARROW" estão vermelhos. Já revisei meus códigos e não encontrei nada. Alguém com mais expertise pode me ajudar? Segue o código:

//variaveis da bolinha
let xBolinha = 300;
let yBolinha = 200;
let diametro = 15;
let raio = diametro /2;

//variaveis da raquete1
let xRaquete = 5;
let yRaquete = 150;
let compRaquete = 10;
let altRaquete = 90;

//variaveis da velocidade da bolinha
let velocidadeXBolinha = 5;
let velocidadeYBolinha = 5;

//funcoes setup e draw
function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  mostraBolinha ();
  //movimentaBolinha ();
  verificaColisaoBorda ();
  raquete1 ();
  movimentoRaquete();

}

//demais funcoes
function mostraBolinha (){
  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 raquete1 (){
  rect (xRaquete, yRaquete, compRaquete, altRaquete);
}


function movimentoRaquete (){
  if (keyIsDown(UP_ARROW)){
      yRaquete -= 10;
  }

 if (keyIsDown(DOWN_ARROW)){
     yRaquete += 10;
 }

}

Muito obrigada! ;)