Visualizzazione dei punti del contorno del testo

    let font;
function preload() {
    font = loadFont("UbuntuCondensed.ttf");
}
function setup() {
    createCanvas(670, 300);
    // leggi i punti
    let parametri = { sampleFactor: 0.1, simplifyThreshold: 0 };
    let punti = font.textToPoints("testo", 30, 250, 320, parametri);
    // visualizza i punti
    background(255);
    for (let punto of punti) {
        circle(punto.x, punto.y, 2);
    }
}
  

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

Legge tutti gli elementi dell’array punti memorizzandoli temporaneamente nella variabile punto che può essere usata per leggere le proprietà x e y.

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

Aumentare la densità predefinita dei punti usando un valore di sampleFactor superiore a 0.1.

Semplificare il tracciato usando valori di simplifyThreshold superiori al valore predefinito 0.

Strutturazione dei file:

• CARTELLA-SKETCH
  • index.html
  • sketch.js
  • style.css
  • UbuntuCondensed.ttf

p5.Font.textToPoints(), JavaScript For Of