Dalla sequenza al for

L’immagine in figura può essere disegnata con una sequenza di istruzioni grafiche e l’uso di una variabile:

  function setup() {
    background( 200 );

/*1*/ /**/   let x = 10;           // inizializzazione
/*2*/ /**/   // if (x < 100)       // condizione implicita vera
    rect( x,20, 20,60 );  // 1° rettangolo a sinistra

/*3*/ /**/   x = x+30;             // aggiornamento
/*2*/ /**/   // if (x < 100)       // condizione implicita vera
    rect( x,20, 20,60 );  // 2° rettangolo

/*3*/ /**/   x = x+30;             // aggiornamento
/*2*/ /**/   // if (x < 100)       // condizione implicita vera
    rect( x,20, 20,60 );  // 3° rettangolo

/*3*/ /**/   // x = x+30;          // aggiornamento implicito
/*2*/ /**/   // if (x < 100)       // condizione implicita falsa (100 < 100)
}

Attraverso l’uso del for la stessa immagine può esser generata con meno codice e con la possibilità di controllare meglio le ripetizioni:

  function setup() {
    background( 200 );

    for (/*1*/ /**/let x = 10;  /*2*/ /**/x < 100;  /*3*/ /**/x = x+30) {
        rect( x,20, 20,60 );
    }
}