let x1; // posição em x do ponto a ser desenhado

let y1; // posição em y do ponto a ser desenhado

let xa, xb, xc, xd, ya, yb, yc, yd; // pontos do círculo a ser desenhado

let d=10; // delta, diâmetro máximo dos círculos

let d1=0 ; // delta de cada sorteio

let r=0; // fator Red da cor

​

function setup() {

  createCanvas(850, 181); // tamanho da tela = tamanho da imagem de referência

  frameRate(1000); // taxa de quadros por segundo

  img = loadImage("arbatax-branco850px.png"); // carrega a imagem de referência na variável img

  noStroke(); // configura o desenho para ser sem contorno

  background(0); // fundo branco

}

​

function draw() {

  x1=int(random(img.width)); // sorteia o ponto (em x) para capturar a cor

  y1=int(random(img.height));// sorteia o ponto (em y) para capturar a cor

  let c=img.get(x1, y1); // captura a cor do ponto de referência

  //print (c);

  r = subset(c, 0, 1);

  if (r==0){ // se tiver sorteado um lugar com preto, roda o loop dentro do if 

    // let c1 = [int(random(64)),int(127+random(128)),int(random(64))];

    let c1 = [255,255,255,108];

    fill(c1, 128); // muda a cor do pincel para a cor capturada, com transparência de 50% (256/2)

    d1 = int(random(d));

    //print(d1);

    // na próxima linha o círculo é finalmente desenhado

    circle(x1,y1,d1);

  }

}