p5.js | función arc() – Barcelona Geeks

La función arc() es una función incorporada en p5.js que se usa para dibujar un arco. Esta función acepta siete parámetros que son la ordenada x, la ordenada y, el ancho, la altura, el inicio, la parada y un modo de parámetro opcional.

Sintaxis:

arc(x, y, w, h, start, stop, mode)

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

x: este parámetro se utiliza para mantener el valor de la coordenada x del arco de elipse.
y: este parámetro se utiliza para mantener el valor de la coordenada y del arco de elipse.
w: Este parámetro toma el valor de ancho del arco de elipse.
h: Este parámetro toma el valor de altura del arco de elipse.
inicio: Este parámetro toma el valor del ángulo para iniciar el arco, especificado en radianes.
stop: Este parámetro toma el valor del ángulo para detener el arco, especificado en radianes.
modo: Este es un parámetro opcional que determina la forma de dibujar el arco ya sea CHORD, PIE o OPEN

Programa 1: Este programa usa el modo POR DEFECTO.

function setup() {
    createCanvas(400, 400);
}
  
function draw() {
    background('gray');
  
    // Quarter arc at 150, 55 of height and width 290px
    arc(150, 55, 290, 290, 0, HALF_PI); 
    fill('lightblue');
}

Producción:

Programa 2: Este programa utiliza el modo ABIERTO.

function setup() {
    createCanvas(400, 400);
}
  
function draw() {
    background(220);
    fill('lightgreen');
  
    // An open arc at 150, 150 with radius 280
    arc(150, 150, 280, 280, 0, PI + QUARTER_PI, OPEN); 
}

Producción:

Programa 3: Este programa utiliza el modo CHORD.

function setup() {
    createCanvas(400, 400);
}
  
function draw() {
    background(220);
    fill('orange');
  
    // A chord-arc at 150, 150 with radius 280
    arc(150, 150, 280, 280, 0, PI + QUARTER_PI, CHORD); 
} 

Producción:

Programa 4: Este programa utiliza el modo PIE.

function setup() {
    createCanvas(400, 400);
}
  
function draw() {
    background(220);
    fill('blue');
      
    // A pie-arc at 150, 150 with radius 280
    arc(150, 150, 280, 280, 0, PI + QUARTER_PI, PIE); 
} 

Producción:

Referencias: https://p5js.org/reference/#/p5/arc

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