​

function setup() {

  createCanvas(400, 400);

  noFill();

  for (var i = 0; i < 25; i++){

    ps.push(p5.Vector.random2D())

  }

}

​

​

t = 0

dt = 0.005

​

​

​

function draw() {

  const h = height/2;

  const w = width/2;

  translate(200,200)

  scale(0.5);

  [a,b,c,d] = ps

  // debug the points

  // circle(a.x*w, a.y*w, 10);

  // circle(b.x*w, b.y*w, 10);

  // circle(c.x*w, c.y*w, 10);

  // circle(d.x*w, d.y*w, 10);

  px = bezierPoint(a.x*w, b.x*w, c.x*w, d.x*w ,t)

  py = bezierPoint(a.y*h, b.y*h, c.y*h, d.y*h, t)

  if (t < 0 ){

    stroke('rgba(67,1,97,0.52)')

    bezier(

    a.x*w, a.y*h,

    b.x*w, b.y*h,

    c.x*w,c.y*h,

    d.x*w,d.y*h

    )

  }

  point(px, py);

  t+=dt

  if (t > 1 || t < 0) {

    dt = -dt

    for (const p of ps){

    }

    ps.splice(0,1)

    ps.push(p5.Vector.random2D())

​

  }

​

}