​

preload = function () {

    img = loadImage('https://static.vecteezy.com/system/resources/thumbnails/008/505/460/small/watercolor-moon-and-star-clipart-png.png');

}

​

function setup() {

  canvas = createCanvas(400, 400);

  canvas.mousePressed(mouseDown);

  canvas.mouseReleased(mouseUp);

  noLoop();

}

​

function draw() {

  image(img, mouseX, mouseY, 50, 50);

  // rect(mouseX, mouseY, 50, 50);

}

​

function mouseUp() {

  noLoop();

  canvas.loadPixels(); // load the pixel array

}

​

function mouseDown() {

  loop();

}

​