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.