var WIDTH;

var HEIGHT;

​

function preload() {

  img = loadImage("Awesome.jpg");

​

}

​

function setup() {

  WIDTH = img.width;

  HEIGHT = img.height;

  createCanvas(WIDTH,HEIGHT);

  imageMode(CENTER);

  noStroke();

  background(255);

  // https://p5js.org/reference/#/p5/loadPixels

  img.loadPixels();

}

​

function draw() {

  for (var i = 0; i < 10; i++){

    // floor because random gives decimal

    var x = floor(random(img.width));

    var y = floor(random(img.height));

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

    fill(pix, 128);

    ellipse(x, y, 5, 5);

  }

}

​

function keyPressed() {

  // 83 is key code for key "s"

  // http://keycode.info/

  if (keyCode == 83) {

    console.log("got here");

    save('myCanvas.jpg');

  }

}