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');
}

2
sketches/L-System.js
View File

@@ -302,7 +302,7 @@ function generateFractal() {
decrementTurningAngle();
break;
default:
// Ignore characters not in the specification (like X)
console.warn("Unknown character: " + c);
break;
}
}

32
sketches/image.js
View File

@@ -1,13 +1,13 @@
async function setup() {
try {
img1 = await loadImage('assets/wallpaper/dear.png');
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 loadImage('assets/wallpaper/elphantJap.jpg');
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);
@@ -16,19 +16,37 @@ async function setup() {
createCanvas(img1.width, img1.height);
background(255, 255, 255)
//image(img1, 0, 0);
var glithes = random(3, 10);
for (let col = 0; col < img1.width; col += 1) {
for (let row = 0; row < img1.height; row += 1) {
let c = img1.get(col, row);
stroke(color(c));
strokeWeight(1);
point(col, row);
strokeWeight(2);
if (yesOrNo()) {
point(col, row);
}
}
}
for (let col = 0; col < img2.width; col += 1) {
for (let row = 0; row < img2.height; row += 1) {
let c = img2.get(col, row);
stroke(color(c));
strokeWeight(2);
if (yesOrNo()) {
point(col, row);
}
}
}
console.log('finished');
}
function yesOrNo(){
if (random(0, 1) < 0.5) {
return true;
}else{
return false;
}
}
function draw() {

92
sketches/imageOverlap.js Normal file
View File

@@ -0,0 +1,92 @@
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() {
}