p5.js | función noFill()

La función noFill() se usa para deshabilitar la geometría de relleno. Si las funciones noStroke() y noFill() se llaman simultáneamente, no se dibujará nada en la pantalla.

Sintaxis:

noFill()

Parámetros: Esta función no acepta ningún parámetro.

Los siguientes ejemplos ilustran la función noFill() en p5.js:

Ejemplo 1:

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(400, 300); 
} 
  
function draw() { 
      
    // Set the background color 
    background(220); 
      
    // Use fill() function to fill color
    fill('green')
    // Draw a line 
    rect(50, 50, 150, 150); 
      
    // Use noFill() function
    noFill();
    
    // Draw a line 
    rect(100, 100, 150, 150); 
} 

Producción:

Ejemplo 2:

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(400, 300); 
} 
  
function draw() { 
      
    // Set the background color 
    background(220); 
      
    // Use noFill() function
    noFill();
      
    // Draw a line 
    circle(140, 100, 150);
      
    // Use fill() function to fill color
    fill('green')
    // Draw a line 
    circle(240, 100, 150); 
} 

Producción:

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

Publicación traducida automáticamente

Artículo escrito por jit_t 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 *