p5.js | variable de altura de visualización

La variable displayHeight en p5.js se usa para almacenar la altura de la pantalla del dispositivo . El valor de la altura se almacena 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. Multiplíquelo con pixelDensity para obtener el tamaño de pantalla real.

Sintaxis:

displayHeight

Parámetros: Esta función no acepta ningún parámetro.

El siguiente programa ilustra la variable displayHeight en p5.js:
Ejemplo-1:

function setup() {
    
    createCanvas(1000, 400);
    
    // Set text size to 40px
    textSize(20); 
}
  
function draw() {
    background(200);
    rect(mouseX, mouseY, 30, 30);
  
    //Use of displayHeight Variable
    text("Display Height is " + displayHeight, 30, 40);
}

Producción:

Ejemplo-2:

function setup() {
  
    createCanvas(1000, displayHeight);
  
    // Set text size to 40px
    textSize(20);
}
  
function draw() {
  
    background(200);
    rect(mouseX, mouseY, 30, 30);
  
    //Use of displayHeight Variable
    text("Canvas Size of Display is displayHeight is " 
         + displayHeight, 30, 40);
}

Producción:

Referencia: https://p5js.org/reference/#/p5/displayHeight

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 *