Laço FOR

Em programação, muitas vezes precisamos repetir a mesma ação várias vezes. Em vez de escrever o mesmo código várias vezes, podemos usar um laço de repetição. O comando for permite repetir um bloco de instruções enquanto uma condição for verdadeira.

A estrutura do for tem três partes principais:

1. uma inicialização, que define o valor inicial da variável de controle;
2. uma condição, que indica enquanto a condição for verdadeira o bloco continua executando;
3. uma atualização, que altera o valor da variável a cada repetição.

O formato do comando for é o seguinte:

for (inicialização; condição; atualização) {
  // bloco de instruções
}

Nesse exemplo, a variável começa com um valor inicial, a condição é testada e, a cada volta do laço, ela é atualizada. Isso faz com que o bloco seja executado várias vezes de forma automática.

Exemplo 1: criar vários retângulos iguais

Uma das aplicações mais úteis do for no p5.js é criar vários objetos iguais de uma vez. No exemplo abaixo, o laço desenha cinco retângulos em posições diferentes.

function setup() {
  createCanvas(400, 400);
  background(255);

  for (let i = 0; i < 5; i = i + 1) {
    rect(50 + i * 60, 150, 40, 80);
  }
}

Exemplo 2: criar várias elipses iguais

Também podemos usar o for para criar vários círculos ou outras formas. No exemplo a seguir, o laço desenha cinco elipses alinhadas.

function setup() {
  createCanvas(400, 400);
  background(255);

  for (let i = 0; i < 5; i = i + 1) {
    ellipse(60 + i * 60, 200, 40, 40);
  }
}