Código na resposta abaixo:
Código na resposta abaixo:
// variáveis da bolinha
let xBolinha = 300;
let yBolinha = 200;
let diametro = 20;
let raio = diametro / 2;
// velocidade da bolinha
let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0);
mostraBolinha();
movimentaBolinha();
verificaColisaoBolinhaComBorda();
}
function mostraBolinha() {
circle(xBolinha, yBolinha, diametro);
}
function movimentaBolinha() {
xBolinha += velocidadeXBolinha;
yBolinha += velocidadeYBolinha;
}
function verificaColisaoBolinhaComBorda() {
if((xBolinha + raio) > width || (xBolinha - raio) < 0) {
velocidadeXBolinha *= -1;
} else if((yBolinha + raio) > height || (yBolinha - raio) < 0) {
velocidadeYBolinha *= -1;
}
}
Muito bacana Lucas! Bons estudos!