Griglia con un'eccezione

La stessa parola ripetuta su una griglia, con una cella che resta vuota: una sola condizione, dentro due cicli annidati, interrompe la regolarità della composizione.

    function setup() {
    createCanvas( 670, 150 );
    background( 255 );
    textFont( "Courier New", 20 );
    textAlign( CENTER, CENTER );
    translate( 215, 23 );   // posizione della prima cella

    for (let riga = 0; riga < 5; riga++) {
        for (let colonna = 0; colonna < 3; colonna++) {
            if (riga == 2 && colonna == 1) {
                continue;
            }
            text( "silenzio", colonna*120, riga*26 );
        }
    }
}

Algoritmo

per ogni riga e per ogni colonna della griglia:   for()
    se la cella è quella centrale:                if()
        saltarla e passare alla cella successiva  continue
    disegnare la parola nella cella

Istruzioni

La condizione vale per una sola cella: la terza riga e la seconda colonna, contate a partire da 0. continue salta le istruzioni che restano nel ciclo e passa alla colonna successiva, quindi per quella cella text() non viene eseguita.

La posizione dipende solo dagli indici dei due cicli: le colonne distano 120 pixel, le righe 26.

Variazioni

Con riga == colonna come condizione il vuoto diventa una diagonale.

Con random() < 0.2 come condizione le celle vuote cadono ogni volta altrove: il pulsante sotto il risultato riavvia lo sketch.

Al posto del vuoto può comparire un’altra parola, disegnata prima di continue:

Approfondimenti: