Caricamento testo e visualizzazione sul canvas

    let strings;

function preload() {
    strings = loadStrings("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 /*1*/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; /*1*/i+=6/**/) {

Strutturazione dei file:

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