"Glitch is something that extends beyond the most literal technological mechanics: it helps us to celebrate failure as a generative force, a new way to take on the world.";

​

let MARGIN = 40;

​

let currentMaxIndex;

let nextUpdateMillis;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  textAlign(LEFT, TOP);

  textSize(20);

​

  currentMaxIndex = 0;

  nextUpdateMillis = 0;

}

​

function draw() {

  background(220);

​

  if (millis() > nextUpdateMillis) {

    // start over when index reaches the end

    // currentMaxIndex = (currentMaxIndex + 1) % phrase.length;

​

    // or stop at the last letter

    currentMaxIndex = min(currentMaxIndex + 1, phrase.length);

​

    // next update time in millis, with some variation

    nextUpdateMillis = millis() + random(30, 160);

  }

​

  let phraseToDraw = phrase.slice(0, currentMaxIndex);

  text(phraseToDraw, MARGIN, MARGIN, width - 2 * MARGIN, height);

}

​