Não postei o link do editor pq ainda não terminei, mas até o momento eu coloquei dessa forma:
-> Deixei as variáveis por cima mesmo, e juntas no mesmo bloco, e as "functions" depois, do início para o fim, com a criação do fundo, cor do fundo, a bolinha, seu movimento e por último a colisão.
//variáveis da bolinha let xBolinha = 300; let yBolinha = 200; let diametro = 15; let raio = diametro / 2;
//variáveis da velocidade let velocidadeXBolinha = 6; let velocidadeYBolinha = 6;
function setup() { createCanvas(600, 400); }
function draw() { background(0); mostraBolinha(); movimentaBolinha(); verificaColisaoBorda(); }
function mostraBolinha() { circle(xBolinha,yBolinha,diametro); }
function movimentaBolinha() { xBolinha += velocidadeXBolinha; yBolinha += velocidadeYBolinha; }
function verificaColisaoBorda() { if (xBolinha + raio > width || xBolinha - raio < 0){ velocidadeXBolinha *= -1; } if (yBolinha + raio > height || yBolinha - raio < 0) { velocidadeYBolinha *= -1; } }
