Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro no código movimentarBolinha

Erro de código não sei o que colocar no lugar do erro. https://editor.p5js.org/RenanMonteiroAlves/sketches/dyI5Jc6Q1

2 respostas
solução!

Oi, Renan! Tudo bem?

O problema está acontecendo pois abaixo da function draw() estamos declarando uma função já declarada no final do código, chamada function mostraBolinha(), que entretanto, possui uma chave de fechamento da função apenas no final do código.

Dessa forma, é com se todas as nossas funções estivessem sendo declaradas apenas dentro dessa função mostraBolinha() e não no escopo global do código, por isso, a função movimentaBolinha() não é reconhecida.

Para resolvermos esse problema basta retirarmos essa função e as suas chaves de abertura e fechamento do nosso código, deixando-o da seguinte maneira:

let xBolinha = 300;
let yBolinha = 200;
let diametro = 15;
let raio = diametro / 2 ;

let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;

function setup() {
  createCanvas(600, 400);
}

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

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 mostraBolinha(){
  circle(xBolinha, yBolinha, diametro)
}

Espero ter ajudado! Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!

Um forte abraço e bons estudos!

Caso este post tenha te ajudado, por favor, marcar como solucionado ✓

Obrigado Sarah deu tudo certo.