La variable windowWidth en p5.js es una variable del sistema que se usa para almacenar el ancho de la ventana interior y se asigna a window.innerWidth .
Sintaxis:
windowWidth
Parámetros: Esta función no acepta ningún parámetro.
El siguiente programa ilustra la variable windowWidth 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 windowWidth Variable
text("Window Width is " + windowWidth, 30, 40);
}
Producción:
Ejemplo-2:
function setup() {
// set height to window width
width = windowWidth;
//create Canvas of size 380*80
createCanvas(width, 100);
}
function draw() {
background(220);
textSize(16);
textAlign(CENTER);
fill(color('Green'));
//use of windowWidth variable
text("windowWidth of Canvas is : "
+ width, width / 2, height / 2);
}
Producción:
Referencia: https://p5js.org/reference/#/p5/windowWidth
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