48 lines
979 B
JavaScript
48 lines
979 B
JavaScript
let img1, img2;
|
|
|
|
async function setup() {
|
|
try {
|
|
img1 = await new Promise(resolve => loadImage('assets/wallpaper/dear.png', resolve));
|
|
img2 = await new Promise(resolve => loadImage('assets/wallpaper/elphantJap.jpg', resolve));
|
|
} catch (err) {
|
|
console.error('Image load failed', err);
|
|
return;
|
|
}
|
|
|
|
createCanvas(img1.width, img1.height);
|
|
background(255, 255, 255)
|
|
|
|
//image(img1, 0, 0);
|
|
|
|
for (let col = 0; col < img1.width; col += 1) {
|
|
for (let row = 0; row < img1.height; row += 1) {
|
|
let c = img1.get(col, row);
|
|
if (col % 2 == 0) {
|
|
stroke(color(c));
|
|
strokeWeight(1);
|
|
square(col-1, row-1, 1);
|
|
}
|
|
}
|
|
}
|
|
console.log('img2 loaded');
|
|
for (let col = 0; col < img2.width; col += 1) {
|
|
for (let row = 0; row < img2.height; row += 1) {
|
|
let c = img2.get(col, row);
|
|
if (col % 2 == 1) {
|
|
stroke(color(c));
|
|
strokeWeight(1);
|
|
square(col-1, row-1, 0.5);
|
|
}
|
|
}
|
|
}
|
|
console.log('done');
|
|
}
|
|
|
|
|
|
function draw() {
|
|
|
|
}
|
|
|
|
function mousePressed() {
|
|
|
|
} |