let noiseScale = 0.0005;

let noiseLevel = 10;

let step = 5;

​

// Load the image.

function preload() {

  img = loadImage("robot.jpg");

}

​

function setup() {

  createCanvas(img.width, img.height);

}

​

function draw() {

  background(0);

  img.loadPixels();

  for (let y = 0; y < img.height; y += step) {

    for (let x = 0; x < img.width; x += step) {

      let index = (x + width * y) * 4;

​

      // get the color values from the image

      let r = img.pixels[index + 0];

      let g = img.pixels[index + 1];

      let b = img.pixels[index + 2];

      let a = img.pixels[index + 3];

​

      let avg = (r + g + b) / 3;

      let nx = noiseScale * x;

      let ny = noiseScale * y;

      let c = noiseLevel * noise(nx, ny)

      fill(r, g, b);

      // strokeWeight(4);

      noStroke();

      rect(x + c, y + c, noiseLevel)

    }

  }

  img.updatePixels();

​

  noiseScale += 0.0001;

}

​