Entrar Ainda não tem acesso?
2
respostas

Erro "Height is not defined"

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 Matheus Angelo Vasconcelos Contador
| 26.2k xp | 2 posts

Está ocorrendo o erro ReferenceError: height is not defined at /sketch.js:23:16


    Abaixo como está o código

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

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 ||
   xBolinha <0)
 { velocidadexBolinha *= -1}

}
if (yBolinha > height || yBolinha < 0) {
        velocidadeYBolinha *= -1;
    }
2 respostas
por Laís Gomes Reis da Silva
| 26.6k xp | 13 posts

Ooi, Matheus!! Tudo bem?

Tava dando uma olhada no seu código e o erro tá nessa linha: if (yBolinha > height || yBolinha < 0) { velocidadeYBolinha *= -1; }. Pelo seu código você definiu o nome da variável da velocidade Y como velocidadeyBolinha mas colocou na função velocidadeYBolinha com Y maiúsculo. Troca pra minúsculo que vai dar certo: if (yBolinha > height || yBolinha < 0) { velocidadeyBolinha *= -1}. Espero ter ajudado ;D
por Camila Pessôa
| 920.3k xp | 1928 posts
Alura Scuba Team

Oi oi, Matheus! Tudo bem por aí?

Apenas complementando a observação sensacional da Laís. Além de precisar fazer a referência das variáveis exatamente como foram declaradas, você precisa também inserir a última estrutura condicional dentro do escopo da function draw(), ou então o interpretador não identifica e passa o erro que height não foi definida.

Vou deixar o código aqui para você verificar:

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

let velocidadeXBolinha = 6;
let velocidadeYBolinha = 6;

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

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

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

  if (yBolinha > height || yBolinha < 0) { //precisa inserir essa condicional dentro da function draw()
        velocidadeYBolinha *= -1;
    }

} //final da draw()

Uma outra sugestão é que você declare as variáveis como camel Case, pois é considerada uma boa prática dentro da programação com a linguagem JavaScript!

Obrigada também a Laís por contribuir de forma significativa e maravilhosa com o fórum, em breve irá decolar como desenvolvedora :D

Um grande abraço!

Bons estudos!