Por que minha raquete não se movimenta?

Na visualização do p5.js após dar o play, a minha raquete nao se movimenta com as teclas seta p baixo e seta p cima. Porém , quando fui em File> Share e seleciono a opção Present - "https://editor.p5js.org/silmiti/present/kE8QD6Oaj" (open present view in new tab), é aberta uma nova janela de visualização em que a raquete se movimenta com as teclas de seta p cima e p baixo.

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

//variaveis da velocidade da bolinha
let velocidadexBolinha = 5; 
let velocidadeyBolinha = 5

//variaveis da raquete
let xRaquete = 5;
let yRaquete =150;
let raqueteComprimento = 9;
let raqueteAltura = 90;

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

function draw() {
  background(0);
  mostraBolinha();
  movimentaBolinha();
  verificaColisaoBorda();
  mostrarRaquete();
  movimentarMinhaRaquete();
}

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 mostrarRaquete(){
  rect(xRaquete,yRaquete, raqueteComprimento, raqueteAltura);
}

function movimentarMinhaRaquete(){
  if (keyIsDown(UP_ARROW)){
    yRaquete -= 10;
  }
  if (keyIsDown(DOWN_ARROW)){
    yRaquete += 10;
  }
}