90 lines
2.3 KiB
JavaScript
90 lines
2.3 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"];
|
|
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() {
|
|
|
|
} |