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:

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

Suggest improvement

p5.js pixelDensity() function

p5.js Environment Complete Reference

Share your thoughts in the comments

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

p5.js Image

p5.js IO

p5.js Math

p5.js Typography

p5.js Lights, Camera