let xBolinha = 300;
let yBolinha = 200;
let diametroBolinha = 24;
let raio = 12;
let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0);
mostraBolinha();
moveBolinha();
colideBorda();
}
function mostraBolinha() {
circle(xBolinha, yBolinha, diametroBolinha);
}
function moveBolinha() {
xBolinha += velocidadeXBolinha;
yBolinha += velocidadeYBolinha;
}
function colideBorda() {
if(xBolinha > width - raio || xBolinha < raio) {
velocidadeXBolinha *= - 1;
} else if(yBolinha > height - raio || yBolinha < raio) {
velocidadeYBolinha *= - 1;
}
}