p5.js | función redibujar()

La función redraw() se usa para ejecutar el código dentro de la función draw() una vez. Esta función se utiliza para actualizar la ventana de visualización solo cuando es necesario. La función redraw() no funciona cuando se llama dentro de la función draw(). La función loop() y noLoop() se usa para habilitar/deshabilitar las animaciones.

Sintaxis:

redraw( n )

Parámetros: esta función acepta un único parámetro n que se utiliza para configurar el redibujado n veces. El valor predeterminado de esta función es 1.

El siguiente ejemplo ilustra la función redraw() en p5.js:

Ejemplo:

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('black');
    
  // Function to draw the line
  line(l, 0, l, height);
    
}
  
function mousePressed() {
  l += 1;
  redraw();
}

Producción: