constructor(x, y){

    this.p = createVector(x, y);

    this.Next = null;

    this.Previous = null;

  }

  SetNextNode(next){

    this.Next = next;

    next.Previous = this;

    this.Points = pointsBetween(this, next);

  }

  Draw(){

    fill(255);

    if(this.Next == null && this.Previous == null){

      ellipse(this.p.x, this.p.y, 10, 10);

    }

    if(this.Next != null){

      line(this.p.x, this.p.y, this.Next.p.x, this.Next.p.y);

      if(this.Next.Next != null){

        for(i = 0; i < increment; i++){

          let p1 = this.Points[i];

          let p2 = this.Next.Points[i];

          line(p1.x, p1.y, p2.x, p2.y);

        }

      }

    }

  }

}

​

let points = [];

let count = 0;

let increment = 15;

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(220);

  addPoint();

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

    points[i].Draw();

  }

}

​

function addPoint(){

  points[count] = new Node(mouseX, mouseY);

  if(count > 0){

    points[count-1].SetNextNode(points[count]);

  }

}

​

function mouseClicked()

{

  addPoint();

  count++;

}

​

function pointsBetween(first, second){

  valToAdd = 1 / increment;

  t = 0;

  let ret = [];

  for(i = 0; i < increment; i++){

    ret[i] = p5.Vector.lerp(first.p, second.p, t);

    t += valToAdd;

  }

  return ret;

}

​