pointil_pds _a

let img;

let gridSize = 12;

let globalPointSize = 50;

let minPointSize = 5;

let pointSizeDecrement = 0.5;

​

function preload() {

  img = loadImage("IMG_9124.jpg");

}

​

function setup() {

  createCanvas(img.width/4, img.height/4);

  wis = min(img.width, img.height);

  m = wis / 1000;

  pixelDensity(1);

  img.loadPixels();

  noStroke();

}

​

function draw() {

  if(globalPointSize <= minPointSize) {

    noLoop();

    return;

  }

​

  background(255, 5);

  let cellWidth = width / gridSize;

  let cellHeight = height / gridSize;

​

  for(let i = 0; i < gridSize; i++) {

    for(let j = 0; j < gridSize; j++) {

      let pointSize = map(i + j, 0, 2 * gridSize, globalPointSize, 12); 

      var pds = new PoissonDiskSampling({

        shape: [cellWidth, cellHeight],

        minDistance: pointSize / 2,

        maxDistance: pointSize * 2,

        tries: 5

      });

      var points = pds.fill(); 

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

        let x = i * cellWidth + points[p][0];

        let y = j * cellHeight + points[p][1];

        let imgX = floor(map(x, 0, width, 0, img.width));

        let imgY = floor(map(y, 0, height, 0, img.height));

        let index = 4 * (imgY * img.width + imgX);

        let col = [img.pixels[index], img.pixels[index+1], img.pixels[index+2], img.pixels[index+3]];

​

        col[3] = 60;

        fill(col);

        col[3] = 255;

        stroke(col);

        strokeWeight(0.25 * m);

        ellipse(x, y, pointSize, pointSize);

      }

    }

  }

​

  pointSizeDecrement = log(globalPointSize) / 10; 

  if(pointSizeDecrement < 0.01) pointSizeDecrement = 0.01;

  globalPointSize -= pointSizeDecrement; 

}

​

function keyPressed() {

  if (keyCode === 83) {

    saveCanvas('pointil_pds_a-' + floor(random(100)), 'png');

  }

}

​