Open In App

p5.js | Mouse | mouseIsPressed

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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



Last Updated : 16 Apr, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads