p5.js | función clear() – Part 1

La función clear() en p5.js se usa para borrar los píxeles dentro de un búfer. Esta función solo borra el lienzo. Esta función borra todo para que todos los píxeles sean 100 % transparentes. Se puede utilizar para restablecer el lienzo de dibujo.

Sintaxis:

clear()

Parámetros: Esta función no acepta ningún parámetro.

El siguiente programa ilustra la función clear() en p5.js:

Ejemplo: Este ejemplo usa la función clear() para borrar el lienzo.

function setup() {
  
    // Create canvas 
    createCanvas(700, 700);
}
   
function draw() {
      
    noStroke();
      
    // Draw Ellipse at mouseX and mouseY
    ellipse(mouseX, mouseY, 20, 20);
   
    // Set color of the ellipse
    fill('green');
      
    // Set the text size
    textSize(20);
      
    // Set the text
    text("Press Mouse To Clear The Screen", 20, 30);
}
   
// Define the mousePressed function
function mousePressed() {
    clear();
}

Salida:
Antes de hacer clic con el botón del mouse:

Después de hacer clic con el botón del mouse:

Referencia: https://p5js.org/reference/#/p5/clear