The mouseIsPressed system variable in p5.js is used to store the boolean value. If mouse is pressed then it stores True otherwise store False.
Syntax:
mouseIsPressed
Below programs illustrate the mouseIsPressed variable in p5.js:
Example 1: This example uses mouseIsPressed variable to check mouse is press or not.
function setup() { // Create canvas of given size createCanvas(500, 250); // Set the text size textSize(30); } function draw() { // Set the background color background( 'green' ); fill( 'white' ); // If mouse is pressed then if part will // execute otherwise else part will execute if (mouseIsPressed) { text( "Mouse is Pressed" , 120, 100); } else { text( "Mouse is Released" , 120, 100); } } |
Output:
Example 2:
function setup() { // Create Canvas of given size createCanvas(300, 150); } function draw() { // Set the background color background( 'green' ); fill( 'white' ); // Use mouseIsPressed variable if (mouseIsPressed) { ellipse(50, 50, 50, 50); } else { rect(25, 25, 50, 50); } } |
Output:
Reference: https://p5js.org/reference/#/p5/mouseIsPressed