Sei que isso é apenas a ponta do iceberg, mas todos temos que partir do básico, então estou muito feliz e empolgado com o desenvolvimento do curso.
Segue o código:
//variáveis da bolinha
let xBolinha = 300;
let yBolinha = 200;
let diametro = 22;
let velocidadexBolinha = 6;
// velocidade da bolinha
let velocidadeyBolinha = 6;
let raio = diametro / 2;
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;
}
}