Hairy follow

let pts = [];
function setup() {
  createCanvas(windowWidth, windowHeight);
  for (let y = 30; y < height; y += 30) {
    for (let x = 30; x < width; x += 30) {
      pts.push({ x, y });
    }
  }
  noStroke();
}
function draw() {
  background(10, 12, 16);
  stroke(244, 114, 182, 200);
  strokeWeight(1.2);
  for (const p of pts) {
    const a = atan2(mouseY - p.y, mouseX - p.x);
    const r = 18;
    line(p.x, p.y, p.x + cos(a) * r, p.y + sin(a) * r);
  }
  noStroke();
  fill(52, 211, 153);
  circle(mouseX, mouseY, mouseIsPressed ? 24 : 10);
}