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