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
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!