let n = 5;                      // No. of Points

let lerpFactor = 0.6; // Distance of traveller between previous and randomly chosen point

                                            // 0 - Close to Traveller, 1 - Close to Point, 0.5 - Midway; 

                                            // Increase to decrease overlap, vice versa

let rate = 5000;            // Speed

let traveller;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  for (let i = 0; i < n; i++) {

    points.push(getVector(width / 2 - 50, i * 360 / n));                        // REGULAR SHAPED

    // points.push(createVector(random(width),random(height)));         // IRREGULAR SHAPED

  }

  background(0);

  for (p of points) {

    strokeWeight(1);

    stroke(255, 255, 255, 100);

    point(p.x, p.y);

  }

  traveller = createVector(random(width), random(height));

}

​

function draw() {

  for (let i = 0; i < rate; i++) {

    let r = floor(random(n));

    // stroke((r%3==0) * 255,(r%3==1)*255,(r%3==2)*255);                        // RGB COLOR

    traveller.x = lerp(traveller.x, points[r].x, lerpFactor);

    traveller.y = lerp(traveller.y, points[r].y, lerpFactor);

    point(traveller.x, traveller.y)

  }

​

}

​

function getVector(r, theta) {

  return createVector(width / 2 + r * Math.cos(toRadians(theta)), height / 2 + r * Math.sin(toRadians(theta)));

}

​

function toDegrees(angle) {

  return angle * (180 / Math.PI);

}

​

function toRadians(angle) {

  return angle * (Math.PI / 180);

}