[Dúvida] Movimentação ser feita somando ao somar a X e Y

Olá, Por que ao somar a X e Y no p5.js web o objeto se movimenta ao invés de mudar de lugar e permanecer parado?

Como por exemplo aqui, a bolinha vai se movimentar:

let xBolinha = 300;
let yBolinha = 200;
let diametro = 22;

let velocidadeXBolinha = 6
let velocidadeYBolinha = 6

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

function draw() {
  background(220);
  circle(xBolinha,yBolinha,diametro)
  xBolinha += velocidadeXBolinha;
  yBolinha += velocidadeYBolinha;
}**

Já aqui, ela vai ficar parada:

let xBolinha = 300;
let yBolinha = 200;
let diametro = 22;

let velocidadeXBolinha = 7
let velocidadeYBolinha = 7

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

function draw() {
  background(220);
  circle(xBolinha,yBolinha,diametro)
  xBolinha = velocidadeXBolinha;
  yBolinha = velocidadeYBolinha;
}

Obrigado pela ajuda.