Solucionado
Olá, gostaria de entender o porque a bolinha se movimenta continuamente quando adicionamos um valor na velocidade. Na minha cabeça pra isso acontecer seria necessário um loop.
let xBolinha = 300;
let yBolinha = 200;
let diametro = 15;
let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0);
circle(xBolinha,yBolinha,diametro);
xBolinha += velocidadeXBolinha;
yBolinha += velocidadeYBolinha;
}
Oi, Breno! Tudo bem?
A bolinha se movimenta continuamente porque o código está dentro do loop principal do p5.js, que é o draw(). Esse loop é executado continuamente enquanto a página estiver aberta no navegador.
Dentro do loop, a posição da bolinha é atualizada a cada frame, de acordo com a velocidade definida para ela. Ou seja, a cada frame, a posição da bolinha é incrementada pela velocidade, fazendo com que ela se mova na tela.
Espero ter ajudado a esclarecer sua dúvida. Qualquer outra pergunta, é só falar!
Um forte abraço e bons estudos!