Image: Pixelate RGB

var img;

​

function preload() {

  // 500 x 500 px

  img = loadImage("nasa_buzz.jpg");

}

​

function setup() {

  createCanvas(500, 500);

  background(0);

  noLoop();

}

​

function draw() {

  background(0);

  //image(img, 0, 0);

  img.loadPixels();

​

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

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

      var c = img.get(x, y);

      // Fast but complicated

      //var c = color(img.pixels[(y*img.width+x)*4]);

      fill(c);

      //noFill();

      stroke(c);

      ellipse(x, y, 10, 10);

      //triangle(x, y-2, x+5, y+5, x-5, y+5);

      //arc(x, y, 20, 20, 0, red(c)/50);

    }

  }

}