let imgbg2;

let maskImage;

let maskResult;

​

function preload() {

  img = loadImage("NeroP.jpg");

  imgbg2 = loadImage("RossoP.jpg");

}

​

function setup() {

  createCanvas(400, 225);

  // Create graphics and image buffers in setup

  maskImage = createGraphics(imgbg2.width, imgbg2.height);

  maskResult = createImage(imgbg2.width, imgbg2.height);

}

​

function mouseMoved() {

  if (maskResult) {

    maskImage.clear();

    // Ellipse

    maskImage.ellipse(mouseX, mouseY, 50,50);

    // Copy the original imgbg2 to the maskResult image

    maskResult.copy(

      imgbg2,

      0, 0, imgbg2.width, imgbg2.height,

      0, 0, imgbg2.width, imgbg2.height

    );

    // apply the mask to maskResult

    maskResult.mask(maskImage);

  }

}

​

function draw() {

  //Immagini

  image(img, 0, 0);

  // draw the masked version of the image

  image(maskResult, 0, 0);

}