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