4
respostas

Aparece "ReferenceError: width is not defined

let xBolinha = 300;
let yBolinha = 200;
let diametro = 15

let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;

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

function draw() {
  background(0);
  circle(xBolinha, yBolinha, diametro);
  xBolinha += velocidadeXBolinha;
  //yBolinha += velocidadeYBolinha;
}

if(xBolinha > width ){
  velocidadeXBolinha *= -1
}

4 respostas

Olá Vittor,

Não sei se você colocou só parte do código, mas esse erro é porque você precisa declarar a variável width antes de usar.

Sim, realmente, mas no video ele não declara pois ja era pra estar dentro do canvas usado na function setup, não?

Como eu não conhecia o p5.js, tive que dar uma olhada... O caso é que, no seu exemplo, esse if precisa estar dentro da função draw(), senão não funciona mesmo:

function draw() {
  background(0);
  circle(xBolinha, yBolinha, diametro);
  xBolinha += velocidadeXBolinha;
  //yBolinha += velocidadeYBolinha;

  if(xBolinha > width ){
    velocidadeXBolinha *= -1;
  }
}

Essa variável width só é acessível dentro das funções prontas do p5.js, como setup() ou draw().

nossa muito obrigado, eu passei umas boas horas tentando entender o que estava errado, mas comigo eu apaguei o { e funcionou obrigado