92 lines
2.2 KiB
JavaScript
92 lines
2.2 KiB
JavaScript
let img1, img2;
|
|
let mode = [0,0,0]; //rgb each coloum says if 1 look for bigger if -1 look for smaller if 0 ignore in decition
|
|
let imageList = ["assets/wallpaper/dear.png", "assets/wallpaper/elphantJap.jpg", "assets/wallpaper/lagrugru.jpg"];
|
|
let loadedImages = [];
|
|
async function setup() {
|
|
makeRandomMode();
|
|
console.log(mode);
|
|
for (i = 0; i < imageList.length; i++) {
|
|
try {
|
|
loadedImages[i] = await new Promise(resolve => loadImage(imageList[i], resolve));
|
|
console.log(imageList[i] + " loaded");
|
|
} catch (err) {
|
|
console.error('Failed to load ' + imageList[i], err);
|
|
}
|
|
}
|
|
try {
|
|
img1 = await new Promise(resolve => loadImage('assets/wallpaper/dear.png', resolve));
|
|
console.log('img1 loaded');
|
|
} catch (err) {
|
|
console.error('Failed to load dear.png', err);
|
|
}
|
|
|
|
try {
|
|
img2 = await new Promise(resolve => loadImage('assets/wallpaper/elphantJap.jpg', resolve));
|
|
console.log('img2 loaded');
|
|
} catch (err) {
|
|
console.error('Failed to load elphantJap.jpg', err);
|
|
}
|
|
|
|
createCanvas(img1.width, img1.height);
|
|
background(255, 255, 255)
|
|
|
|
for (let col = 0; col < img1.width; col += 1) {
|
|
for (let row = 0; row < img1.height; row += 1) {
|
|
if (img2.get(col, row) == null|| img2.get(col, row) == undefined) {
|
|
continue;
|
|
}
|
|
let color1 = img1.get(col, row);
|
|
let color2 = img2.get(col, row);
|
|
stroke(color(checkWhatPixelToTake(color1, color2)));
|
|
strokeWeight(2);
|
|
point(col, row);
|
|
}
|
|
}
|
|
console.log('finished');
|
|
}
|
|
|
|
function makeRandomMode() {
|
|
mode = [round(random(-1, 1)), round(random(-1, 1)), round(random(-1, 1))];
|
|
if ([abs(mode[0]), abs(mode[1]), abs(mode[2])] == [0,0,0]) {
|
|
mode = [1,1,1];
|
|
}
|
|
}
|
|
|
|
function checkWhatPixelToTake(color1, color2) {
|
|
let sum1=0;
|
|
let sum2=0;
|
|
if (mode[0] == 1) {
|
|
sum1 += color1[0];
|
|
sum2 += color2[0];
|
|
}else if (mode[0] == -1) {
|
|
sum1 += (255-color1[0]);
|
|
sum2 += (255-color2[0]);
|
|
}
|
|
if (mode[1] == 1) {
|
|
sum1 += color1[1];
|
|
sum2 += color2[1];
|
|
}else if (mode[1] == -1) {
|
|
sum1 += (255-color1[1]);
|
|
sum2 += (255-color2[1]);
|
|
}
|
|
if (mode[2] == 1) {
|
|
sum1 += color1[2];
|
|
sum2 += color2[2];
|
|
}else if (mode[2] == -1) {
|
|
sum1 += (255-color1[2]);
|
|
sum2 += (255-color2[2]);
|
|
}
|
|
if (sum1 > sum2) {
|
|
return color1;
|
|
} else {
|
|
return color2;
|
|
}
|
|
}
|
|
|
|
function draw() {
|
|
|
|
}
|
|
|
|
function mousePressed() {
|
|
|
|
} |