example.js

example.js

var x = 0;
var y = 0;
var easing = 0.05; // smaller means slower follow, bigger means faster follow

function setup() {
  createCanvas(600, 400);
  x = mouseX;
  y = mouseY;
  noFill();
}

function draw() {
  background(255, 10);

  // easing step
  var diffx = mouseX - x;
  var diffy = mouseY - y;
  x = x + easing * diffx;
  y = y + easing * diffy;

  // add a little jitter to endpoint
  x = x + random(-20, 20);
  y = y + random(-20, 20);

  // line(x, y, mouseX, mouseY);
  stroke(0);
  bezier(x, y, x + random(-100, 0), y + random(0, 100), mouseX + random(0, 100), mouseY + random(-100, 0), mouseX, mouseY);
  
  
  var offx = -5 * diffx; // 100;
  var offy = -5 * diffy; // 0;
  stroke(255, 0, 0);
  bezier(x+offx, y, x + random(-100, 0), y + random(0, 100), mouseX + random(0, 100), mouseY + random(-100, 0), mouseX+offx, mouseY);
  
  

}