Elipses e Círculos
Para desenhar formas arredondadas no p5.js, utilizamos o comando ellipse(). Com ele é possível criar tanto elipses (ovais) quanto círculos perfeitos, dependendo dos valores informados.
O comando ellipse(x, y, w, h) recebe quatro parâmetros. Os dois primeiros (x e y) indicam a posição do centro da elipse. Os dois últimos (w e h) indicam, respectivamente, a largura e a altura da forma. Quando a largura e a altura são iguais, obtemos um círculo. Note que, diferentemente do retângulo, a posição informada corresponde ao centro da forma.
Estrutura básica
ellipse(x, y, largura, altura);
Exemplo
Para um exemplo de como utilizar esse comando, teste o Código 4.2 e veja as figuras formadas.
function setup() {
createCanvas(800,800);
ellipse(300,300,250,150);
ellipse(600,300,150,150);
}
circle(x, y, d), que recebe apenas três parâmetros, sendo o terceiro (d) o diâmetro do círculo. Assim, circle(600,300,150) produz o mesmo resultado que ellipse(600,300,150,150), de forma mais concisa.Experimente utilizar o comando ellipseMode() para alterar a interpretação dos parâmetros. Com ellipseMode(CORNER), por exemplo, os valores x e y passam a indicar o canto de um retângulo que envolve a elipse, comportamento semelhante ao do retângulo. Isso pode ser útil ao alinhar elipses com outras formas. Mais detalhes e exemplos podem ser encontrados na referência do p5.js.