UP_ARROW e DOWN_ARROW em vermelho, não consigo movimentar pelas setas

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

 //velocidade bolinha
let velocidadex = 5;
let velocidadey = 5;

//variaveis raquete
let xRaquete = 5;
let yRaquete = 150;
let wLargura = 10;
let hAltura = 90;

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  mostraBolinha();
  movimentoBolinha();
  colisaoBolinha();
  mostraRaquete();
  movimentaMinhaRaquete();
}

function mostraBolinha (){
  circle( xBolinha, yBolinha, diametro);

}

function movimentoBolinha(){
  xBolinha += velocidadex;
  yBolinha += velocidadey;
}

function colisaoBolinha (){
  if (xBolinha + raio > 600|| xBolinha - raio < 0){velocidadex *= -1;}

  if (yBolinha + raio > 400|| yBolinha - raio < 0){velocidadey *= -1;}
}

function mostraRaquete(){
  rect ( xRaquete, yRaquete, wLargura, hAltura);
}

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

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