La función pixelDensity() en p5.js se usa para configurar la escala de píxeles para pantallas de alta densidad de píxeles. El valor predeterminado de densidad de píxeles se establece para que coincida con la densidad de visualización. pixelDensity(1) se utiliza para desactivar la densidad de visualización. La función pixelDensity() sin argumentos devuelve la densidad de píxeles actual del boceto.
Sintaxis:
pixelDensity(c)
Parámetros: Esta función acepta un solo parámetro c que almacena el valor de la escala.
Los siguientes programas ilustran la función pixelDensity() en p5.js:
Ejemplo 1: este ejemplo utiliza la función pixelDensity() para mostrar la densidad de píxeles.
function setup() {
// Create canvas of window size
createCanvas(windowWidth, windowHeight);
// Set Pixel Density to 9
pixelDensity(9);
}
function draw() {
// Set the background color
background(0, 200, 0);
color("green");
// Set the text size
textSize(30);
// Set the text align
textAlign(CENTER);
// Display text on the screen
text("GeeksForGeeks!", windowWidth/2,
windowHeight/2);
text("PixelDensity is " + pixelDensity(),
windowWidth/2, windowHeight/2 + 40);
}
Producción:
Ejemplo 2: este ejemplo utiliza la función pixelDensity() para mostrar la densidad de píxeles.
function setup() {
// Create canvas of window size
createCanvas(windowWidth, windowHeight);
// Set Pixel Density to 9
pixelDensity(3);
}
function draw() {
// Set the background color
background(160, 200, 50);
// Set the text size
textSize(30);
// Set the text align
textAlign(CENTER);
// Display text on the screen
text("GeeksForGeeks!", windowWidth/2,
windowHeight/2);
text("PixelDensity is " + pixelDensity(),
windowWidth/2, windowHeight/2 + 40);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/pixelDensity
Publicación traducida automáticamente
Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA