Linhas

A linha é o elemento gráfico mais fundamental em desenhos digitais e serve de base para muitas outras construções. No p5.js, ela é criada com o comando line(), que traça um segmento de reta entre dois pontos.

O comando line(x1, y1, x2, y2) recebe quatro parâmetros. O primeiro par (x1 e y1) indica a posição do ponto inicial da linha, e o segundo par (x2 e y2) indica a posição do ponto final. O p5.js conecta esses dois pontos com um segmento de reta.

Estrutura básica

line(x1, y1, x2, y2);

Exemplo

Para um exemplo de como utilizar esse comando, teste o Código 4.2 e veja as linhas formadas.

function setup() {
  createCanvas(800,600);
  line(100,100,700,100);
  line(100,100,400,500);
  line(700,100,400,500);
}

Experimente usar linhas dentro de estruturas de repetição para criar padrões visuais interessantes, como leques, grades ou efeitos de moiré. Variando a posição inicial ou final de cada linha em pequenos incrementos, é possível gerar composições complexas a partir desse elemento tão simples. Mais detalhes e exemplos podem ser encontrados na referência do p5.js.