Olá Roberta! Tudo bem?
Desculpa a demora em obter um retorno.
Uma forma simples de fazer isso é utilizando a função draw() do p5.js. Dentro dessa função, você pode desenhar primeiro o fundo e depois a bolinha. Dessa forma, a bolinha sempre será desenhada por cima dos elementos do fundo.
Por exemplo, dentro da função draw(), você chamaria primeiro a função campo (); e depois a função mostraBolinha ();.
function draw() {
background(color (2, 227, 123));
campo ();
mostraBolinha ();
Dessa forma, a bolinha sempre será desenhada por cima dos elementos do fundo.
Espero ter ajudado, qualquer dúvida fico à disposição.
Caso este post tenha lhe
ajudado, por favor, marcar como solucionado ✓. Bons Estudos!