Segue meu código para feedback
//variaveis da bolinha
let xBolinha =300;
let yBolinha =200;
let diametro = 30
//variaveis da raquete
let xRaquete =5;
let yRaquete =150;
//velocidades da bolinha
let velocidadeXdaBolinha =6;
let velocidadeYdaBolinha =6;
let raio = diametro / 2;
let raqueteComprimento= 10;
let raqueteAltura = 90;
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0);
mostraBolinha();
movimentaBolinha();
verificaColisaoBorda();
mostraRaquete();
movimentaMinhaRaquete();
verificaColisaoRaquete();
}
function mostraBolinha (){
circle(xBolinha, yBolinha, diametro)
}
function movimentaBolinha (){
//removendo o xBolinha e colacando += (ficar mais apresentado)
xBolinha += velocidadeXdaBolinha;
yBolinha += velocidadeYdaBolinha;
}
function verificaColisaoBorda(){
//se = if //largura
if (xBolinha + raio > width || xBolinha - raio
< 0) {
velocidadeXdaBolinha *= -1;
}
//altura
if (yBolinha + raio > height || yBolinha - raio
< 0 ) {
velocidadeYdaBolinha *= -1
}
}
function mostraRaquete(){
rect(xRaquete,yRaquete, raqueteComprimento , raqueteAltura);
}
function movimentaMinhaRaquete(){
//lembrando k é minusculo
if (keyIsDown(UP_ARROW)){
yRaquete -=10;
}
if (keyIsDown(DOWN_ARROW)){
yRaquete +=10;
}
}
function verificaColisaoRaquete(){
if(xBolinha - raio < xRaquete + raqueteComprimento && yBolinha - raio < yRaquete +raqueteAltura && yBolinha+ raio > yRaquete)
{
velocidadeXdaBolinha *=-1;
}
}