meu projeto do curso pong de p5 js web não consigo concluir e o pior é que nem sei onde erre, meu link é https://editor.p5js.org/jor444rr/sketches/41WOCEhJY
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
meu projeto do curso pong de p5 js web não consigo concluir e o pior é que nem sei onde erre, meu link é https://editor.p5js.org/jor444rr/sketches/41WOCEhJY
Oii, Jorge! Tudo bem?
Agradeço por compartilhar o link do seu projeto e a sua dúvida.
Ao olhar o seu código encontrei alguns erros de sintaxe (gramática), o JavaScript é muito sensível em relação a letras maiúsculas, minúsculas e caso esquecemos ou adicionamos letras a mais (é normal acontecer), ele vai nos avisando com mensagem de erros no terminal e não nos permite dar continuidade na construção do código.
Veja como ficará o seu código refatorado:
//variáveis da Bolinha
let xBolinha = 300;
let yBolinha = 200;
let diametro = 15
let raio = diametro / 2;
//velocidade da bolinha
let velocidadexBolinha = 6
let velocidadeyBolinha = 6
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0);
mostraBolinha();
movimentaBolinha();
verificaColisaoBolinha();
}
function mostraBolinha() {
circle(xBolinha, yBolinha, diametro);
}
function movimentaBolinha(){
xBolinha += xBolinha += velocidadexBolinha;
yBolinha += yBolinha += velocidadeyBolinha;
}
function verificaColisaoBolinha(){
if (xBolinha + raio > width|| xBolinha - raio < 0){
velocidadexBolinha *= -1;
}
if (yBolinha + raio > height || ybolinha - raio < 0){
velocidadeyBolinha *= -1
}
}Fique a vontade para copiar o código acima e colá-lo em seu projeto para dar continuidade aos estudos.
Espero ter ajudado. Qualquer dúvida, conte conosco.
Bons estudos!