let w, tile;

​

function setup() {

  createCanvas(w = 6000, 3000);

  background(0);

  tile = w / 100;

  frameRate(30); // Adjust frame rate as needed

  for (let i = 0 - tile / 2; i < width + tile; i += tile) {

    for (let j = 0 - tile / 2; j < width + tile; j += tile) {

      p.push(createVector(i, j));

    }

  }

}

​

function draw() {

  push();

  for (let i = 0; i < p.length; i++) {

    push();

    if (i % 2 === 0) {

      stroke(255);

    } else {

      stroke(150);

      translate(random(-1, 1), random(-1, 1));

    }

    point(p[i].x, p[i].y);

    pop();

    let dx = 0.5 - noise(p[i].x / w * 5, p[i].y / w * 15, 3.9); // Adjust the growth speed

    let dy = 0.7 - noise(p[i].x / w * 8, p[i].y / w * 58, 10); // Adjust the growth speed

​

    p[i].x += dx;

    p[i].y += dy;

  }

  pop();

​

  // Save every 5th frame

  if (frameCount % 5 === 0) {

    //saveCanvas('frame_' + frameCount, 'png');

  }

}

​

​