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() {

}