Erro "Height is not defined" | Lógica de programação: comece em lógica com o jogo Pong e JavaScript

2
respostas

por Matheus Angelo Vasconcelos Contador

| 26.1k 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

05/10/2021

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

| 901.6k xp | 1906 posts

Alura Scuba Team

06/10/2021

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!