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