[Dúvida] Ordem do código quando chamar uma função.

Olá, Bom dia/tarde/noite! Eu estava fazendo o módulo de Refatoração e funções, quando na hora de chamar uma outra função dentro da

function draw() {

eu coloquei em uma ordem diferente da que o professor, que é a ordem a seguir.

function draw() {
** mostraBolinha();**
  background(0);
  xBolinha += velocidadeXbolinha;
  yBolinha += velocidadeYbolinha;

Porém o código não funcionou, e a bolinha sequer apareceu, notei essa diferença na ordem, portanto depois eu troquei para:

function draw() {
  background(0);
 **mostraBolinha();**
  xBolinha += velocidadeXbolinha;
  yBolinha += velocidadeYbolinha;

Com "background (0);" em cima, e ai o código funcionou perfeitamente. Mas a minha dúvida é o porque de o chamar da função não pode estar em cima do background, compreendi que para funcionar bem é necessario alterar a ordem, mas não entendi o porque.