La variable ancho en p5.js es una variable del sistema que almacena el ancho del lienzo de dibujo . Este valor se inicializa automáticamente con el primer parámetro de la función createCanvas() tan pronto como se ejecuta el código.
Sintaxis:
width
Parámetros: Esta función no acepta ningún parámetro.
El siguiente programa ilustra la variable de ancho en p5.js:
Ejemplo-1:
function setup() {
//create Canvas of size 380*80
createCanvas(380, 80);
}
function draw() {
// set background color
background(220);
// set text size
textSize(16);
// set the text alignment
textAlign(CENTER);
//set the fill color
fill(color('Green'));
//use of width variable
text("Width of Canvas is : "
+ width, 180, 50);
}
Producción:
Ejemplo-2:
function setup() {
//create Canvas of size 380*80
width = windowWidth;
createCanvas(width, 80);
}
function draw() {
// set background color
background(220);
// set text size
textSize(16);
// set the text alignment
textAlign(CENTER);
//set the fill color
fill(color('Green'));
//use of width variable
text("Width of Canvas is equal to windowWidth i.e. : "
+ width, 180, 50);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/width
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