Declaração de variáveis

Vi que ao declarar as variáveis dentro da função 'draw', o código não funciona conforme o esperado. Alguém sabe qual é a diferença? Jeito certo:

 let xBola = 300;
  let yBola = 200;
  let diametro = 15;
  let velocidadeXBola = 6;
  let velocidadeYBola = 6;

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

function draw() {
  background(0);

  circle(xBola, yBola, diametro);
  xBola += velocidadeXBola;


}

Jeito errado:

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

function draw() {
  background(0);

  let xBola = 300;
  let yBola = 200;
  let diametro = 15;
  let velocidadeXBola = 6;
  let velocidadeYBola = 6;

  circle(xBola, yBola, diametro);
  xBola += velocidadeXBola;


}