createCanvas(windowWidth, windowHeight);

}

​

/*

let x1 = 0;

let y1 = 0;

let x2 = 0;

let y2 = 0;

let x3 = 0;

let y3 = 0;

*/

let tSize = 20;

​

let s = "catatonic";

let sX = [];

let sY = [];

​

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

  sX.push(0);

  sY.push(0);

}

​

function draw() {

  background(240, 240, 255);

  fill(0,0,255);

  textSize(tSize);

  sX[0] = lerp(sX[0], mouseX, 0.1); //https://p5js.org/reference/p5/lerp/

  // starting point, destination point, steps it takes to get there

  // also exists is easing();

  sY[0] = lerp(sY[0], mouseY, 0.1);

  for (let i = 1; i < sX.length; i++) {

    sX[i] = lerp(sX[i], sX[i-1] + tSize, 0.1);

    sY[i] = lerp(sY[i], sY[i-1], 0.1);

  }

  /*

  x2 = lerp(x2, x1 + tSize, 0.1);

  y2 = lerp(y2, y1, 0.1);

  x3 = lerp(x3, x2 + tSize, 0.1);

  y3 = lerp(y3, y2, 0.1); */

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

    text(s[i], sX[i], sY[i]);

  }

}

​

function mouseClicked() {

  tSize+=2;

}