1
resposta

Reference draw()

No link que explica detalhadamente o draw() me deixou confuso, é contraditório eu sei.

Reference do p5.js que explica detalhadamente o que é a function draw()

Tem esse trecho de código como exemplo:


let yPos = 0;
function setup() {
  // setup() runs once
  frameRate(30);
}
function draw() {
  // draw() loops forever, until stopped
  background(204);
  yPos = yPos - 1;
  if (yPos < 0) {
    yPos = height;
  }
  line(0, yPos, width, yPos);
}

Como que a linha sobe se toda vez ela entra na condição do if?

1 resposta

A yPos não cai no if sempre. Ela só cai lá caso yPos seja menor que 0, então yPos vira a altura (que, na pagina do exemplo, é 100).

O fluxo é:

yPos inicia em 0

yPos é diminuida em 1

se yPos for menor que 0, yPos vai ser igual a altura (100)

desenha uma linha com as coordenadas 0, yPos, largura (que é 100) e yPos