Minha raquete não movimenta

as funções "(UP_ARROW) e (DOWN_ARROW)" elas permanecem na cor rosa e não fica azul como a da aula.

//variavel da bolinha
let xbolinha = 300;
let ybolinha = 200;
let diametro = 22;
let raio =  diametro /2;

//velocidade da bolinha
let velocidadex = 6;
let velocidadey = 6;

//variavel da raquete
let xraquete = 5;
let yraquete = 150;
let raquetecompr = 10;
let raquetealtura = 90;

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

function draw() {
  background(0);
  mostraBolinha();
  movimentaBolinha();
  verificaColisao();
  mostraRaquete();
  movimentaraquete();

}

function mostraBolinha (){
  circle(xbolinha, ybolinha, diametro);
}
function movimentaBolinha (){
   xbolinha += velocidadex;
   ybolinha += velocidadey;

}
function verificaColisao (){
    if (xbolinha + raio > width ||
     xbolinha - raio < 0){
    velocidadex *= -1;
  } 
  if (ybolinha + raio > height ||
     ybolinha - raio < 0){
    velocidadey *= -1
  }
}
function mostraRaquete (){
  rect (xraquete, yraquete, raquetecompr, raquetealtura);
}
function movimentaraquete(){
 if (keyIsDown(UP_ARROW)) {
        yRaquete -= 10;
    }
  if (keyIsDown(DOWN_ARROW)){
    yraquete += 10;
  }

}