​

function setup() {

  createCanvas(600, 600);

  noStroke();

}

​

function draw() {

  //background

  background(220);

  noStroke();

  fill(mouseX, mouseY,120);

  strokeWeight(2);

  stroke(55);

  //loop to create the grid of squares

   for(x = 0;x <= width;x +=20){

    for(y=0;y<=height;y+=20){

      //starting position based on mouse position

      const xAngle = map(mouseX, 0, width, -4 * PI, 4 * PI, true);

      const yAngle = map(mouseY, 0, height, -4 * PI, 4 * PI, true);

      //varying square positions

      const angle = xAngle * (x / width) + yAngle * (y / height);

​

      //circular motion for each particle

      const X = x + 10 * cos(2 * PI * t + angle);

      const Y = y + 60 * sin(2 * PI * t + angle);

      square(X,Y,50);

    }

  }

  //speed of squares

  t = t + 0.001;

}