Lettura e visualizzazione dei punti

    let font;
let punti;

function preload() {
    font = loadFont("UbuntuCondensed.ttf");
}
function setup() {
    createCanvas(670,300);
    punti = font.textToPoints("testo", 30, 260, 320);
}
function draw() {
    background(255);
    for (let punto of punti) {
        circle(punto.x, punto.y, 2);
    }
}
  

  for (let punto of punti) {
    circle(punto.x, punto.y, 2);
}

Il for of è una variante del for che esegue tanti cicli quanti sono gli elementi dell’array passato come secondo parametro (punti nell’esempio). A ogni ciclo l’elemento corrente dell’array viene memorizzato nella variabile passata come primo parametro (punto nell’esempio).
In questo caso punto conterrà anche le coordinate x e y del punto che verrà visualizzato come cerchio di 2 pixel di diametro.

Intervenire sui tre parametri numerici di textToPoints() per valutare meglio come influiscono sulla posizione e sulla dimensione del testo.

Aumentare la densità dei punti usando un valore di sampleFactor superiore a 0.1, ad es.:

  punti = font.textToPoints("testo", 30, 260, 320/*1*/, {sampleFactor:0.2}/**/);

Strutturazione dei file:

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