let posX;

let posY;

​

function preload() {

  img = loadImage(

    "https://th.bing.com/th/id/OIG.aNqD2DLYf_snrEaj01eu?pid=ImgGn"

  );

}

​

function setup() {

  img.resize(500, 500);

  posX = 250;

  posY = 250;

​

  myCanvas = createCanvas(img.width, img.height);

  for (let col = 0; col < img.width; col += 1) {

    for (let row = 0; row < img.height; row += 1) {

      let colour = img.get(col, row);

​

      stroke(color(colour));

      point(col, row);

    }

  }

  fill(180);

  rect(0, 0, width);

}

​

function draw() {

  noFill();

  strokeWeight(random(0, 2.5));

  stroke(img.get(posX, posY));

​

  if (random() > 0.99) {

    fill(img.get(posX, posY));

    circle(random(width), random(height), random(50));

  } else {

    beginShape(LINES);

    vertex(posX, posY);

    if (posX < width && posY < height && posX > 0 && posY > 0) {

      posX += random(-50, 50);

      posY += random(-50, 50);

    } else {

      posX = random(width);

      posY = random(height);

    }

    vertex(posX, posY);

    endShape();

  }

}

​