var oneDY = [];

var twoD = [];

var point2Ds = [];

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background('black');

  strokeWeight(2);

  stroke('white');

  noFill();

  if(oneDX.length < 100){

    oneDX.push(mouseX);

    oneDY.push(mouseY);

    twoD.push([mouseX, mouseY]);

    point2Ds.push(new point2D());

  }else{

    oneDX.shift();

    oneDY.shift();

    twoD.shift();

    point2Ds.shift();

  }

  //beginShape();

  for (let i = 0; i < oneDX.length-1; i++) {

    strokeWeight(30* 1/dist(oneDX[i], oneDY[i], oneDX[i+1], oneDY[i+1]));

    strokeCap(PROJECT);

    line(oneDX[i], oneDY[i], oneDX[i+1], oneDY[i+1]);

  }

  //endShape();

}

​

​

​

class point2D {

  constructor() {

    this.x = mouseX;

    this.y = mouseY;

  }

  render(){

    curveVertex(this.x, this.y);

  }

}