var colors;

​

function setup() {

  createCanvas(480, 320);

​

  colors = [

    {

      r: random(255),

      g: random(255),

      b: random(255)

    },

    {

      r: random(255),

      g: random(255),

      b: random(255)

    }

  ];

  loadPixels();

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

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

      var xy = (x + y * width) * 4;

      //var n = noise(xy / width);

      //var n = noise(xy / width * 4);

      //var n = noise(xy / height * 4);

      var n = noise(x / width, y / height);

      var u = 1.0 - n;

      var r = floor((colors[0].r * u) + (colors[1].r * n));

      var g = floor((colors[0].g * u) + (colors[1].g * n));

      var b = floor((colors[0].b * u) + (colors[1].b * n));

      pixels[xy] = r;

      pixels[xy + 1] = g;

      pixels[xy + 2] = b;

      pixels[xy + 3] = 255;

    }

  }

  updatePixels();

}

​

function draw() {

  //background(220);

}