jgh/p5js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added image manipulation files

Browse Source
This commit is contained in:
Jürg Hallenbarter
2026-06-03 09:23:12 +02:00
parent 28b713044e
commit 173ac7807b
4 changed files with 125 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
sketches/2images.js
View File

@@ -2,12 +2,13 @@ let img1, img2;
async function setup() {
try {
img1 = await loadImage('assets/wallpaper/dear.png');
img2 = await loadImage('assets/wallpaper/elphantJap.jpg');
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)
@@ -19,20 +20,22 @@ async function setup() {
if (col % 2 == 0) {
stroke(color(c));
strokeWeight(1);
point(col, row);
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);
point(col, row);
square(col-1, row-1, 0.5);
}
}
}
console.log('done');
}