Caricamento testo e visualizzazione sul canvas

// height=290 lines=auto
let strings;

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

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

    let lineY = 46;
    for (let i=0;  i<strings.length;  i+=1) {
        text( strings[i], 40,lineY );
        lineY += 19;
    }
}
let 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 (let i=0;  i<strings.length; i+=6) {

Strutturazione dei file:

  • CARTELLA-SKETCH
    • assets
    • libs
      • p5.min.js
    • index.html
    • sketch.js