p5.js | función de cuadro()

La función box() en p5.js se usa para dibujar un cuadro con la altura, el ancho y la profundidad determinados.

Sintaxis:

box( width, height, depth, detailX, detailY )

Parámetros: esta función acepta cinco parámetros, como se mencionó anteriormente y se describe a continuación:

ancho: este parámetro almacena el ancho de la caja.

altura: Este parámetro almacena la altura de la caja.

profundidad: este parámetro almacena la profundidad de la caja.

detailX: este parámetro almacena el número opcional de subdivisiones de triángulos en la dimensión x.

detailY: este parámetro almacena el número opcional de subdivisiones de triángulos en la dimensión y.

Los siguientes programas ilustran la función box() en p5.js:

Ejemplo 1: Este ejemplo usa la función box() para dibujar un cuadro.

function setup() {
      
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set fill color of box
    fill('green');
     
    // box() function
    box(300, 400, 200);
}

Producción:

Ejemplo 2: Este ejemplo usa la función box() para dibujar un cuadro.

function setup() {
    
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set fill color of box
    fill('yellow');
     
    // Rotate 
    rotateX(frameCount * 0.01);
    rotate(frameCount*0.03);
     
    // box() function called
    box(140, 130, 120);
}

Salida:

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

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 Cancelar la respuesta