p5.js | funcion circulo()

La función circle() se usa para dibujar el círculo en la pantalla. Un círculo es la forma cerrada. Se puede crear un círculo usando el centro y el radio del círculo.

Sintaxis:

circle(x, y, d)

Parámetros:

  • x: Se utiliza para establecer la coordenada x del centro del círculo.
  • y: Se utiliza para establecer la coordenada y del centro del círculo.
  • d: Se utiliza para establecer el diámetro del círculo.

Ejemplo 1:

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(400, 300); 
  
} 
  
function draw() { 
      
    background(220);
      
    // Use color() function
    let c = color('green');
  
    // Use fill() function to fill color
    fill(c);
    
    // Draw a circle 
    circle(200, 100, 150); 
    
}

Producción:

Ejemplo 2:

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(400, 300); 
  
} 
  
function draw() { 
      
    background(220);
    
    // Draw a circle 
    circle(200, 150, 150); 
    
    noFill();
    
    // Draw a circle 
    circle(100, 150, 150); 
    
    // Draw a circle 
    circle(150, 75, 150);
    
}

Producción:

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

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 *