var img;
var imgArray;
var respColour;
function preload() {
img = loadImage ( "/uploads/brendanb/1570456293.png" );
}
let distances = [];
let maxDistance;
let spacer;
function setup() {
createCanvas(720, 720);
img.loadPixels();
maxDistance = dist(width / 2, height / 2, width, height);
for (let x = 0; x < width; x++) {
distances[x] = []; // create nested array
for (let y = 0; y < height; y++) {
let distance = dist(width / 2, height / 2, x, y);
distances[x][y] = (distance / maxDistance) * 255;
}
}
spacer = 5;
noLoop(); // Run once and stop
}
function draw() {
background(0);
// This embedded loop skips over values in the arrays based on
// the spacer variable, so there are more values in the array
// than are drawn here. Change the value of the spacer variable
// to change the density of the points
for (let x = 0; x < width; x += spacer) {
for (let y = 0; y < height; y += spacer) {
stroke(distances[x][y]);
point(x + spacer / 2, y + spacer / 2);
}
}
}