Meu Código (Pong)

//variaveis da bolinha let xBolinha = 300; let yBolinha = 200; let diametro = 22; let raio = diametro / 2;

let velXBolinha = 3; let velYBolinha = 3;

function setup() { createCanvas(500, 500); }

function draw() { background(0); mostraBolinha(); movimentaBolinha(); colisaoBorda(); }

function mostraBolinha () { circle(xBolinha, yBolinha, diametro); }

function movimentaBolinha () { xBolinha += velXBolinha; yBolinha += velYBolinha; }

function colisaoBorda () { if (xBolinha + raio > width || xBolinha - raio < 0){ velXBolinha *= -1;} if (yBolinha + raio > height || yBolinha - raio < 0){ velYBolinha *= -1;} }

A tela ser quadrada é proposital. Minha ideia pro final do curso: adicionar raquetes horizontais para aumentar o desafio (e adaptar pra multiplayer)