p5.js clear() function

Last Updated : 11 Aug, 2023

The clear() function in p5.js is used to clear the pixels within a buffer. This function only clears the canvas. This function clears everything to make all of the pixels 100% transparent. It can be used to reset the drawing canvas. Syntax:

clear()

Parameters: This function does not accept any parameter. Below program illustrates the clear() function in p5.js: Example: This example uses clear() function to clear the canvas.

javascript

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();
}