let mSize = 120;

​

let word = "word";

let wordPoints;

​

function preload() {

  mFont = loadFont("./ostrich-sans-regular.ttf");

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  textFont(mFont);

  textSize(mSize);

  wordPoints = mFont.textToPoints(word, 0, 0, mSize, {

    sampleFactor: 1,

  });

  noFill(0);

  noLoop();

}

​

function draw() {

  background(220, 20, 120);

​

  let startX = (width - textWidth(word)) / 2;

  let startY = 0.2 * (height + mSize);

​

  beginShape();

  for (let i = 0; i < wordPoints.length; i++) {

    let p = wordPoints[i];

    vertex(startX + p.x, startY + p.y);

  }

  endShape();

​

  startY = 0.45 * (height + mSize);

  beginShape();

  for (let i = 0; i < wordPoints.length; i++) {

    let p = wordPoints[i];

    let rx = random(-4, 4);

    let ry = random(-4, 4);

    vertex(startX + p.x + rx, startY + p.y + ry);

  }

  endShape();

​

  startY = 0.7 * (height + mSize);

  beginShape();

  for (let i = 0; i < wordPoints.length; i++) {

    let p = wordPoints[i];

    let rx = random(-8, 8);

    let ry = random(-8, 8);

    vertex(startX + p.x + rx, startY + p.y + ry);

  }

  endShape();

}

​