var m = 1000;

var t = 0;

var frameCount = 0;

var numFrames = 50;

var delayFactor = 2;

​

function setup() {

  createCanvas(400, 400);

}

​

function x1(t) {

    return 0.25 * width + 50 * cos(TWO_PI * t);

}

function y1(t) {

    return 0.5 * height + 50 * sin(TWO_PI * t);

}

function x2(t) {

    return 0.75 * width + 50 * cos(2 * TWO_PI * t);

}

function y2(t) {

    return 0.5 * height + 50 * sin(2 * TWO_PI * t);

}

/*function lerp(a, b, t) {

    return (1.0 - t) * a + t * b;

}*/

​

function draw() {

  background(32);

​

  //frameCount = (frameCount + 1) % numFrames;

  //t = 1.0 * (frameCount - 1) / numFrames;

  t = millis() / 3000;

  strokeWeight(2);

  stroke(255, 100);

  var i = 0,

    tt = 0,

    x = 0,

    y = 0;

  for (; i <= m; i++) {

    tt = 1.0 * i / m;

​

    //x = lerp(x1(t), x2(t), tt);

    //y = lerp(y1(t), y2(t), tt);

    x = lerp(x1(t - delayFactor * tt), x2(t), tt);

        y = lerp(y1(t - delayFactor * tt), y2(t), tt);

    point(x, y);

  }

}