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.
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();
} |
Output:
Before Clicking the mouse button:
After Clicking the mouse button:
Reference: https://p5js.org/reference/#/p5/clear