createCanvas(256,256);

  pixelDensity(1);

}

​

function draw() {

  loadPixels();

  for (var y = 0; y < height; y++) { // loads pixels vertically from top to bottom so y+1 every frame

    for (var x = 0; x < width; x++) { // then loads pixels horizontally from left to right so x+1 every frame

​

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

​

      pixels[index + 0] = x;

      // red value changes horizontally

​

      pixels[index + 1] = random(255);

      // green value random noise over the frame, if you input 0 instead of random (255) it will completely remove the green noise

      // if you put random(100) the green noise will be less concentrated

​

      pixels[index + 2] = y;

      // blue value changes vertically

​

      pixels[index + 3] = 255;

      // no transparency

    }

  }

  updatePixels();

}