50 lines
835 B
JavaScript
50 lines
835 B
JavaScript
let img1;
|
|
|
|
let processing = true;
|
|
let currentRow = 0;
|
|
let currentCol = 0;
|
|
|
|
async function setup() {
|
|
img1 = await new Promise(resolve => loadImage('assets/wallpaper/Bird_Pixel_art_1.png', resolve));
|
|
createCanvas(img1.width, img1.height);
|
|
background(255, 255, 255)
|
|
}
|
|
|
|
|
|
function draw() {
|
|
|
|
if (!processing){
|
|
return;
|
|
}
|
|
|
|
|
|
let imgWidth = img1.width;
|
|
let imgHeight = img1.height;
|
|
if (currentRow < imgHeight) {
|
|
for (let col = 0; col < imgWidth; col++) {
|
|
let c = img1.get(col, currentRow);
|
|
|
|
if (c[0] + c[1] + c[2] < random(0, 255) * 3) {
|
|
c[0] = 0;
|
|
c[1] = 0;
|
|
c[2] = 0;
|
|
} else {
|
|
c[0] = 255;
|
|
c[1] = 255;
|
|
c[2] = 255;
|
|
}
|
|
|
|
stroke(color(c));
|
|
strokeWeight(2);
|
|
point(col, currentRow);
|
|
}
|
|
currentRow++;
|
|
} else {
|
|
processing = false;
|
|
console.log('finished');
|
|
}
|
|
}
|
|
|
|
function mousePressed() {
|
|
|
|
} |