Lettura e visualizzazione dei punti

// height=300 lines=auto
let font;
let punti;

function preload() {
    font = loadFont("assets/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, {sampleFactor:0.2});

Strutturazione dei file:

Approfondimenti:

Crediti: