Uncaught ReferenceError: width is not defined (sketch: line 20) | Lógica de programação: comece em lógica com o jogo Pong e JavaScript

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Lucas Eduardo Beninca

| 116.8k xp | 13 posts

Analista de Testes

Estou recebendo esse retorno, do p5, e a mesma coisa acontece no browser, podem me dizer como eu resolvo isso.

let xBolinha = 300;
let yBolinha = 200;
let raio = 20;
let velocidadeXbolinha = 2;
let velocidadeYbolinha = 2;



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

function draw() {
  background(0);
  circle(xBolinha, yBolinha, raio);
  xBolinha += velocidadeXbolinha;
 // yBolinha += velocidadeYbolinha;
}

if (xBolinha > width || xBolinha < 0) {
  velocidadeXbolinha *= -1;
}
if (yBolinha > height || yBolinha <0){
velocidadeYbolinha *= -1;
}

1 resposta

solução!

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

25/09/2019

Fala ai Lucas, tudo bem? O problema é porque os seus if's estão fora da função draw, quando na verdade eles deveriam estar dentro dela.

Seu código:

function draw() {
  background(0);
  circle(xBolinha, yBolinha, raio);
  xBolinha += velocidadeXbolinha;
 // yBolinha += velocidadeYbolinha;
}

if (xBolinha > width || xBolinha < 0) {
  velocidadeXbolinha *= -1;
}
if (yBolinha > height || yBolinha <0){
velocidadeYbolinha *= -1;
}

Tente mudar para:

function draw() {
  background(0);
  circle(xBolinha, yBolinha, raio);
  xBolinha += velocidadeXbolinha;
 // yBolinha += velocidadeYbolinha;
if (xBolinha > width || xBolinha < 0) {
  velocidadeXbolinha *= -1;
}
if (yBolinha > height || yBolinha <0){
velocidadeYbolinha *= -1;
}
}

Espero ter ajudado.