Triângulos

O triângulo é uma forma geométrica bastante versátil e frequente em desenhos digitais. No p5.js, ele é criado com o comando triangle(), que conecta três pontos por segmentos de reta, formando a figura fechada.

O comando triangle(x1, y1, x2, y2, x3, y3) recebe seis parâmetros, que correspondem às coordenadas dos três vértices do triângulo. Cada par de valores representa a posição horizontal (x) e vertical (y) de um vértice. Os três pontos são conectados automaticamente, sem que seja necessário indicar o fechamento da forma.

Estrutura básica

triangle(x1, y1, x2, y2, x3, y3);

Exemplo

Para um exemplo de como utilizar esse comando, teste o Código 4.2 e veja a figura formada.

function setup() {
  createCanvas(800,600);
  triangle(400,100,200,450,600,450);
}

Experimente combinar vários triângulos para compor formas mais complexas, como estrelas ou setas. Como o triângulo é uma das primitivas mais simples, muitos desenhos elaborados podem ser construídos apenas a partir da repetição e do posicionamento estratégico dessa forma. Para casos com mais de três vértices, considere usar beginShape() e vertex(). Mais detalhes e exemplos podem ser encontrados na referência do p5.js.