La variable displayWidth en p5.js se usa para almacenar el ancho de la pantalla del dispositivo y está de acuerdo con la densidad de píxeles predeterminada. Esta variable se utiliza para ejecutar un programa de pantalla completa en cualquier tamaño de pantalla. Multiplique esto por pixelDensity para obtener el tamaño de pantalla real.
Sintaxis:
displayWidth()
Parámetros: Esta función no acepta ningún parámetro.
El siguiente programa ilustra la variable displayWidth en p5.js:
Ejemplo-1:
function setup() {
// use of displayWidth variable
createCanvas(displayWidth, 400);
// Set text size to 40px
textSize(20);
}
function draw() {
background(200);
rect(mouseX, mouseY, 30, 30);
//Use of windowWidth Variable
text("Display Width is " + windowWidth, 30, 40);
}
Producción:
Ejemplo-2:
function setup() {
// use of displayWidth variable
createCanvas(displayWidth, displayHeight);
// Set text size to 40px
textSize(20);
}
function draw() {
background(200);
rect(mouseX, mouseY, 30, 30);
//Use of windowWidth Variable
text("Canvas Display Height is " + displayHeight, 30, 40);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/displayWidth
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