Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Uncaught ReferenceError: width is not defined (sketch: line 20)

Referente ao curso Lógica de programação: comece em lógica com o jogo Pong e JavaScript, no capítulo Iniciando no javascript e atividade Colisão com as bordas

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
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

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.