La función noLoop() se usa para detener el programa después de ejecutar la función dibujar(). La función loop() ejecuta la función draw() una y otra vez. Si se usa la función noLoop() en la función setup(), entonces debería ser la última línea dentro del bloque. Si se usa la función noLoop(), entonces no es posible cambiar o acceder a la pantalla dentro de las funciones de manejo de eventos como mousePressed() o keyPressed().
Sintaxis:
noLoop()
Los siguientes ejemplos ilustran la función noLoop() en p5.js:
Ejemplo 1:
function setup() {
// Create canvas of given size
createCanvas(500, 300);
// Set the background color
background('green');
// Use noLoop() function
noLoop();
}
function draw() {
// Set the stroke color
stroke('white');
// Set the stroke width
strokeWeight(4);
// Function to draw the line
line(50, 50, 450, 250);
}
Producción:
Ejemplo 2:
let l = 0;
function setup() {
// Create canvas of given size
createCanvas(500, 300);
// Set the background color
background('green');
}
function draw() {
// Set the stroke color
stroke('white');
l = l + 0.5;
if (l > width) {
l = 0;
}
// Function to draw the line
line(l, 0, l, height);
}
function mousePressed() {
noLoop();
}
function mouseReleased() {
loop();
}
Producción: