p5.js displayDensity() Function

Last Updated : 10 Aug, 2023

The displayDensity() function in p5.js is used to return the pixel density of the current display the sketch. Syntax:

pixelDensity(density)

Parameters: This function accepts single parameter density which stores the display density. Below program illustrates the displayDensity() function in p5.js: Example:

javascript

function setup() {
    
    // Create canvas of given size
    createCanvas(windowWidth, windowHeight);
  
    // Call the displayDensity function
    let density = displayDensity(); 
    pixelDensity(density);
}
 
function draw() {

    // Set the background color
    background(0, 200, 0);
    
    // Set text color
    color("green");
    
    // Set font size
    textSize(30);
    
    // Set text alignment
    textAlign(CENTER);
    
    // Set text to be add
    text("GeeksForGeeks!", windowWidth/2, windowHeight/2);
    
    // Display pixelDensity on the screen
    text("PixelDensity is " + pixelDensity(), 
            windowWidth/2, windowHeight/2+40);
}

Output:

Reference: https://p5js.org/reference/#/p5/displayDensity

p5.js Environment Complete Reference

sarthak_ishu11

Improve

Article Tags :

p5.js displayDensity() Function

Similar Reads

p5.js Environment

p5.js Color

p5.js Shape

p5.js Constants and Structure

p5.js DOM and Rendering

p5.js Transform

p5.js Data

p5.js Events

Thank You!

What kind of Experience do you want to share?