p5.js | Variable de ancho de visualización

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *