no meu Código a Bolinha não esta indo ate a margem inferior ela ultrapassa segui as instruções corretamente do instrutor, mais ela ultrapassa e depois volta coloque o comando para > que "0" mais ela vai além no EIXO Y. colocarei em negrito o código com o eixo Y. desde ja agradeço se alguem puder me esclarecer o porque esta ocorrendo isso.

// Criando Variáveis
let xBolinha = 300;
let yBolinha = 200;
let dBolinha = 15;
let velocidadexBolinha = 07;
let velocidadeyBolinha = 07;

function setup() {
//Tamanho do meu Quadro
  createCanvas(600, 400);
}

function draw() {
  //Estipulo a cor do meu Quadro
  background(0);

  //Criando a Bolinha
  circle(xBolinha,yBolinha,dBolinha);

  //Estipulando a Velocidade da Bolinha
  //xBolinha += velocidadexBolinha;
  yBolinha += velocidadeyBolinha;

  //Estipulando até onde quero que a Bolinha vá
  if (xBolinha > width || xBolinha < 0){
    velocidadexBolinha *= -1;

  }
  **if (yBolinha > height || yBolinha < 0){
    velocidadeyBolinha *= -1;**
  }
}