Passando apenas para compartilhar este primeiro pequeno resultado no "Faça como eu fiz" e elogiar a abordagem do professor na evolução da aula. Procurei colocar as variáveis em inglês para auxiliar no meu estudo da língua também.
//variáveis da bolinha
let xBall = 300;
let yBall = 200;
let diameter = 18;
//velocidade da bolinha
let ballSpeedX = 6;
let ballSpeedY = 6;
let radius = diameter / 2;
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0);
showTheBall();
ballMovement();
ballCollision();
}
//função para mostrar a bola
function showTheBall() {
circle(xBall, yBall, diameter);
}
//função para movimentar a bola
function ballMovement() {
xBall += ballSpeedX;
yBall += ballSpeedY;
}
//função para verificar a colisão da bola com as bordas
function ballCollision() {
if (xBall + radius > width ||
xBall - radius < 0){
ballSpeedX *= -1;
}
if (yBall + radius > height ||
yBall - radius < 0){
ballSpeedY *= -1;
}
}