https://editor.p5js.org/nad.schuster/full/-2afkV5ga
//variaveis da bolinha let xBolinha = 300; let yBolinha = 200; let diametro = 15; let raio = diametro / 2;
//velocidade da bolinha let velocidadexBolinha = 7; let velocidadeyBolinha = 7;
//variaveis da raquete let xRaquete = 5; let yRaquete = 150; let comprimentoRaquete = 8; let alturaRaquete = 80;
let colidiu = false;
function setup() { createCanvas(600,400); }
function draw() { background(0); mostraBolinha(); movimentaBolinha(); verificaColisaoBorda(); mostraRaquete (); movimentaMinhaRaquete (); //verificaColisaoRaquete (); colisaoMinhaRaqueteBiblioteca(); }
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; } }
function mostraRaquete (){ rect (xRaquete, yRaquete, comprimentoRaquete, alturaRaquete); }
function movimentaMinhaRaquete (){ if (keyIsDown(UP_ARROW)){ yRaquete -= 10; } if (keyIsDown(DOWN_ARROW)){ yRaquete += 10; } }
function verificaColisaoRaquete (){ if (xBolinha - raio < xRaquete + comprimentoRaquete && yBolinha - raio < yRaquete + alturaRaquete && yBolinha + raio > yRaquete){ velocidadexBolinha *= -1 }}
function colisaoMinhaRaqueteBiblioteca(){ colidiu = collideRectCircle(xRaquete, yRaquete, comprimentoRaquete, alturaRaquete, xBolinha, yBolinha, raio); if (colidiu){ velocidadexBolinha *= -1 } }