1
resposta

[Projeto] Projetão

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);
  Bolinha();
  VelocidadeBolinha();
  ContatoBorda();
}

function Bolinha()
{
  circle(xBolinha,yBolinha,Diametro);
}
Bolinha();

function VelocidadeBolinha()
{
   xBolinha += VelocidadeXBolinha;
  yBolinha += VelocidadeYBolinha;
  
}
VelocidadeBolinha();

function ContatoBorda()
{
  
  if(xBolinha + raio > width || xBolinha < 0)
  {
    VelocidadeXBolinha *= -1;
    
  }
 
    
    
  if (yBolinha  + raio > height || yBolinha < 0)
  {
    VelocidadeYBolinha *=  -1;
  }
}
ContatoBorda();

Ao dar Ctral + Enter ele executa o código normalmente, mas também exibe uma mensagem dizendo que o Circle não está definido, mas mesmo assim o código é executado normalmente.

1 resposta

Olá, Natan! Como vai?

Isso pode estar acontecendo porque você está chamando as funções Bolinha(), VelocidadeBolinha() e ContatoBorda() fora do contexto das funções setup() e draw().

No p5.js, as funções setup() e draw() são especiais: a função setup() é executada uma vez quando o programa começa, e a função draw() é executada em looping, continuamente, até que o programa pare ou seja fechado.

As chamadas de função que você fez fora dessas duas funções estão tentando ser executadas antes que o p5.js esteja totalmente carregado, e é por isso que você está vendo essa mensagem de erro.

O seu código deve funcionar corretamente se você remover as linhas onde chamou as funções fora do setup() e draw() (linhas 24, 32 e 50).

Assim seu código deverá rodar sem erros.

Espero ter ajudado. Fico à disposição!

Bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!