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
