​

function preload() {

  font = loadFont("Porpora-Regular.ttf");

}

​

function setup() {

  createCanvas(540, 540);

  points = font.textToPoints('MOVE', 140,270, 100, {

    sampleFactor: 0.1

  });

  points1 = font.textToPoints('move', 220,400, 50, {

    sampleFactor: 0.2

  });

}

​

function draw() {

  background( 244, 158, 94);

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

    let pt = points[i];

    if(i + mouseX < points.length) {

      let nextPt = points[i + mouseX];

      ellipse(pt.x, pt.y, 8);

      line(pt.x, pt.y, nextPt.x, nextPt.y)

      // stroke(88, 107, 166);

    }

    fill(88, 107, 166);

    ellipse(pt.x + 5*tan(0.01*frameCount + pt.y), pt.y, 5);

  }

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

    let pt = points1[i];

    if(i + mouseX < points1.length) {

      let nextPt = points1[i + mouseX];

      ellipse(pt.x, pt.y, 3);

      line(pt.x, pt.y, nextPt.x, nextPt.y)

      stroke(88, 107, 166);

    }

    fill(242, 203, 5);

    noStroke();

    ellipse(pt.x + 20*tan(0.01*frameCount + pt.y), pt.y, 1);

  }

​

  // noLoop();

}