Grid Spreading - OpenProcessing

mySketch
xxxxxxxxxx
 
const friction = 0.95;
const resiliency = -0.025;
const mousePower = 0.05;
const blockSize = 12;
let main = [];
let rows = [];
let columns = [];
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(255);
  [main, columns, rows] = makeGrid();
}
​
function draw() {
  background(255);
​
  main.forEach((elem) => {
    elem.update();
  });
  
  noFill();
  stroke(0);
  rows.forEach(arr=>{
    beginShape();
    arr.forEach(elem=>{curveVertex(elem.pos.x, elem.pos.y)})
    endShape();    
  })
​
  columns.forEach(arr=>{
    beginShape();
    arr.forEach(elem=>{curveVertex(elem.pos.x, elem.pos.y)})
    endShape();
  })
​
  fill(0);
  ellipse(mouseX, mouseY, 20);
}
​
function mouseDragged() {
  burst();
}
​
function mousePressed() {
  burst();
}
​
function burst() {
  let mouse = createVector(mouseX, mouseY);
  main.forEach((elem) => {
    let diff = elem.pos.copy().sub(mouse);
    let distance = diff.mag();
    let multi = pow(2, -(distance * mousePower));
    f = diff.mult(multi);
    elem.acc.add(f);
  });
}
​
function makeGrid () {
  let arr = [];
  for (let i = 0; i < width; i += blockSize) {
    for (let j = 0; j < height; j += blockSize) {
      arr.push(new Point(i, j));
    }
  }
​
  let columns = [];
  for (let i = 0; i < width; i += blockSize) {
    const column = arr.filter((elem) => elem.supposed.x == i);
    columns.push(column);
  }
​
  let rows = [];
  for (let j = 0; j < height; j += blockSize) {
    const row = arr.filter((elem) => elem.supposed.y == j);
    rows.push(row);
  }
  return [arr, columns, rows];
}
  
function Point(x, y) {
  this.supposed = createVector(x, y);
  this.pos = createVector(x, y);
  this.vel = createVector(0, 0);
  this.acc = createVector(0, 0);
​
  this.update = () => {
    this.seek(this.supposed);
    this.vel.add(this.acc);
    this.pos.add(this.vel);
    this.vel.mult(friction);
    this.acc.mult(0); //clear acc
  };
​
  this.seek = (target) => {
    let diff = this.pos.copy().sub(target);
    let distance = diff.mag();
    let f = diff.mult(distance).mult(resiliency);
    this.acc.add(f);
  };
}
​