Caricamento testo e visualizzazione sul canvas

// height=290 lines=auto
var strings;

function preload() {
    strings = loadStrings("../assets/donnina.txt");
}

function setup() {
    createCanvas( 300,650 );
    background( 255 );
    textSize( 14 );

    var lineY = 46;
    for (var i=0;  i<strings.length;  i+=1) {
        text( strings[i], 40,lineY );
        lineY += 19;
    }
}
var lineY = 46;
...
    lineY += 19;

Coordinata y della linea di testo da visualizzare, a partire da 46 con spaziature di 19 pixel fra un ciclo e l'altro.

text( strings[i], 40,lineY );

Visualizza la linea di testo di ogni ciclo (strings[i]) nella posizione corretta (40,lineY).

Provare a modificare l'incremento della variabile iterata in modo da visualizzare solo alcune righe, ad esempio una ogni 6:  for (var i=0; i<strings.length; i+=6)

 


Strutturazione dei file: