Solucionado
Coloquei o código assim como ensinado, porém não funcionou para a parte superior nem para o lado esquerdo, o p5.js continua fazendo a verificação pela metade da bolinha
Está assim lá:
let raio = diametro / 2;
E depois mais abaixo
if (yBolinha + raio> height || yBolinha < 0){ velocidadeYBolinha *= -1;}
Na parte inferior e nos lados funcionou, porém não na superior e o lado esquerdo, o que eu fiz? kkkk
Boa noite, você pode mandar o código inteiro aqui?
Sim claro aqui está
let xBolinha = 300; let yBolinha = 200; let diametro = 18; let raio = diametro / 2;
let velocidadeXBolinha = 2; let velocidadeYBolinha = 2;
function setup() { createCanvas(600, 400) }
function draw() { background(0); circle(xBolinha, yBolinha, diametro); xBolinha += velocidadeXBolinha; yBolinha += velocidadeYBolinha;
if (xBolinha + raio > width || xBolinha < 0){ velocidadeXBolinha *= -1; } if (yBolinha + raio > height || yBolinha < 0){ velocidadeYBolinha *= -1; } }
Gente perdão foi erro meu eu me esqueci de colocar
if (xBolinha + raio> width || xBolinha - raio< 0){ velocidadeXBolinha *= -1; } if (yBolinha + raio> height || yBolinha - raio < 0){ velocidadeYBolinha *= -1; }
Nesses dois eu acabei me precipitando e esquecendo o "- raio" agora está tudo certo!
Acontece, kkk!