var layer;

var rad = 40;//le diamètre du cercle qui efface

​

var w = 500,

  h = 500;

​

var mouseIsDragged = false;

​

let img;

function preload() {

  img = loadImage("dog.jpg");//le fichier jpg

}

​

function setup() {

  pixelDensity(1);

  createCanvas(w, h);//largeur et hauteur du canvas

  layer = createGraphics(w, h);

  //background(255);

  layer.fill("brown");//couleur de la zone à effacer

  layer.rect(0, 0, width, height);

}

​

function draw() {

  noStroke();

  image(img, 0, 0);//l'image en arrière plan

  image(layer, 0, 0);

​

  if (mouseIsPressed) {

    noFill();

    ellipse(mouseX, mouseY, rad, rad);

  }

}

​

function mouseDragged() {

  for (var x = mouseX - rad; x < mouseX + rad; x++) {

    for (var y = mouseY - rad; y < mouseY + rad; y++) {

      if (dist(x, y, mouseX, mouseY) < rad && x > 0 && x <= width) {

        layer.set(x, y, alphaC);

      }

    }

  }

  layer.updatePixels();

}

​