var oneDY = [];

var twoD = [];

var point2Ds = [];

​

function setup() {

  createCanvas(600, 600);

}

​

function draw() {

  background(220);

  strokeWeight(2);

  stroke('black');

  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; i++) {

    curveVertex(oneDX[i], oneDY[i]);

  }

  endShape();

}

​

function mousePressed(){

  oneDX.push(mouseX);

  oneDY.push(mouseY);

}

​

​

class point2D {

  constructor() {

    this.x = mouseX;

    this.y = mouseY;

  }

  render(){

    curveVertex(this.x, this.y);

  }

}