yoff = 0.1;

s = 1;

cols = ["#4a315e","#6d3187","#7d569f","#1cd9d6","#fde99b","#f9d362","#f5ab00","#ef476f","#d52044","#95190c"];

​

​

​

function setup() {

  createCanvas(400, 400);

  x1 = width / 2;

  x2 = width / 2;

  x3 = width / 2;

  x4 = width / 2;

  y1 = height / 2;

  y2 = height / 2;

  y3 = height / 2;

  y4 = height / 2;

  c = floor(random(cols.length));

  col = color(cols[c]);

  r = 0;

}

​

function draw() {

  // background(255, 1);

  translate(width/2, height/2);

  r = r + 0.1;

  rotate(r);

  // s = 1;

  xoff = xoff + random(0.1);

  yoff = yoff + random(0.1);

  noiseSeed(s + 1)

  x1 = (noise(xoff) * noise(yoff)) * width;

  noiseSeed(s + 2)

  x2 = (noise(xoff) * noise(yoff)) * width;

  noiseSeed(s + 3)

  x3 = (noise(xoff) * noise(yoff)) * width;

  noiseSeed(s + 4)

  x4 = (noise(xoff) * noise(yoff)) * width;

  noiseSeed(s + 5)

  y1 = (noise(xoff) * noise(yoff)) * height;

  noiseSeed(s + 6)

  y2 = (noise(xoff) * noise(yoff)) * height;

  noiseSeed(s + 7)

  y3 = (noise(xoff) * noise(yoff)) * height;

  noiseSeed(s + 8)

  y4 = (noise(xoff) * noise(yoff)) * height;

  noStroke();

  // noFill();

  // c = floor(random(cols.length))

  col = color(cols[c]);

  fill(col);

  quad(x1, y1, x2, y2, x3, y3, x4, y4);

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

    s ++;

    noiseSeed(s + 1)

    x1 = (noise(xoff) * noise(yoff)) * width;

    noiseSeed(s + 2)

    x2 = (noise(xoff) * noise(yoff)) * width;

    noiseSeed(s + 3)

    x3 = (noise(xoff) * noise(yoff)) * width;

    noiseSeed(s + 4)

    x4 = (noise(xoff) * noise(yoff)) * width;

    noiseSeed(s + 5)

    y1 = (noise(xoff) * noise(yoff)) * height;

    noiseSeed(s + 6)

    y2 = (noise(xoff) * noise(yoff)) * height;

    noiseSeed(s + 7)

    y3 = (noise(xoff) * noise(yoff)) * height;

    noiseSeed(s + 8)

    y4 = (noise(xoff) * noise(yoff)) * height;

    c = floor(s % cols.length);

    col = color(cols[c]);

    fill(col);

    quad(x1, y1, x2, y2, x3, y3, x4, y4);

  }

}