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"];
let loadedImages = [];
let doubleContinue = false;
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);
		}
	}
	if (loadedImages.length == 0) {
		throw new Error('No images loaded');
		return;
	}

	createCanvas(loadedImages[0].width, loadedImages[0].height);
	background(255, 255, 255)

	for (let col = 0; col < loadedImages[0].width; col += 1) {
		for (let row = 0; row < loadedImages[0].height; row += 1) {
			for (let i = 0; i < loadedImages.length; i++) {
				if (loadedImages[i].get(col, row) == null|| loadedImages[i].get(col, row) == undefined) {
					doubleContinue = true;
					continue;
				}
			}
			if (doubleContinue){
				doubleContinue = false;
				continue;
			}
			stroke(color(checkWhatPixelToTake(col, row)));
			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) {
		mode = [1,1,1];
	}
	console.log("arrarray",[abs(mode[0]), abs(mode[1]), abs(mode[2])]);
}

function checkWhatPixelToTake(col, row) {
	let sumImage = [];
	for (let i = 0; i < loadedImages.length; i++) {
		sumImage[i] = 0;
	}
	for (let i = 0; i <= 2; i++) {
		if(mode[i] == 1){
			for (let j = 0; j < loadedImages.length; j++) {
				sumImage[j] += loadedImages[j].get(col, row)[i];
			}
		}else if (mode[i] == -1) {
			for (let j = 0; j < loadedImages.length; j++) {
				sumImage[j] += (255 - loadedImages[j].get(col, row)[i]);
			}
		}
	}
	let bestSum = 0;
	let bestSumIndex = -1;
	for (let i = 0; i < sumImage.length; i++) {
		if (sumImage[i] >= bestSum) {
			bestSum = sumImage[i];
			bestSumIndex = i;
		}
	}
	if (bestSumIndex == -1) {
		console.error('best pixel not found');
		return loadedImages[0].get(col, row);
	}
	return loadedImages[bestSumIndex].get(col, row);
}

function draw() {

}

function mousePressed() {

}