p5.js | anchura variable

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *