p5.js | variable de altura – Part 1

La variable altura en p5.js es una variable del sistema que almacena la altura del lienzo de dibujo. Establece el segundo parámetro de la función createCanvas().

Sintaxis:

height

Los siguientes programas ilustran la variable altura en p5.js:

Ejemplo 1: este ejemplo utiliza la variable de altura para mostrar la altura del lienzo.

function setup() {
      
    // Create Canvas of size 380*80  
    createCanvas(380, 80);
}
   
function draw() {
      
    // Set the background color
    background(220);
      
    // Set the text size
    textSize(16);
      
    // Set the text alignment
    textAlign(CENTER);
      
    // Set the text color
    fill(color('Green'));
      
    // Display result
    text("Height of Canvas is : "
        + height, 180, 50);
} 

Producción:

Ejemplo 2: Este ejemplo usa la variable altura para mostrar la altura de la ventana.

function setup() {
  // set height to window height 
height = windowHeight;
  //create Canvas of size 380*80 
  createCanvas(380, height);
}
  
function draw() {
  background(220);
  textSize(16);
  textAlign(CENTER);
  fill(color('Green'));
  text("Height of Canvas is : "+height, 180, height/2); //use of height variable
}

Producción:

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

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 *