No Loop / No Loop

noLoop() 関数は、draw() を一度だけ実行させます。noLoop() を呼び出さない限り、draw() 内のコードは継続的に実行されます。

noLoop flow
Structure

View Source Code

/*
 * @name No Loop
 * @arialabel Horizontal white line across the middle of a black background
 * @description The noLoop() function causes draw() to only execute once.
 * Without calling noLoop(), the code inside draw() is run continually.
 */
let y;

// The statements in the setup() function
// execute once when the program begins
function setup() {
  // createCanvas should be the first statement
  // createCanvas(720, 400);
  createCanvas(windowWidth, windowHeight);
  stroke(255); // Set line drawing color to white
  noLoop();

  y = height * 0.5;
}

// The statements in draw() are executed until the
// program is stopped. Each statement is executed in
// sequence and after the last line is read, the first
// line is executed again.
function draw() {
  background(0); // Set the background to black
  y = y - 1;
  if (y < 0) {
    y = height;
  }
  line(0, y, width, y);
}

License

Source code is available on GitHub p5.js website legacy.

All examples are licensed under CC BY-NC-SA 4.0.