help on developing image to drawing robot

Programming Questions

johannesgj

help on developing image to drawing robot

in Programming Questions • 2 years ago

i am lost after several days of trying to do the following so any help is greatly appreciated.

well im trying to make a program that does two things.

1-the analyse part:

take an image in prespecified dimensions and analyse its grayscales into 4 weights after four threshold intervals like 0-80, 80-130, 130-180 and 180-220.

it will then make a new image with the same dimensions where the pixels chosen from above are plotted in using 4 degrees of grey like 50,100,150 and 200.

this image will be saved in the data directory.

2-the drawing part:

the image made above is taken into a function.

this function chooses a random pixel in the image with the color 50.

it then chooses a random pixel nearby and draws a line to it if this pixel and its nearest neighboors arent the color 250.

the pixel where it draws a line to will gain 50 in its color which will also happen to its nearest neighboors.

this will create a dynamic where the newly created image will function as a guide to the drawn lines so light areas in the original image will gain less lines.

when all the pixels of interest are drawn white the image is finnished and the function will stop looping in void draw().

this should create a drawn interpretation of the original image.

which i will use as guidelines for two stepper motors to control a pen in an x y system. on paper.

any help is greatly appreciated.

Replies(4)

mattyr64

Re: help on developing image to drawing robot

2 years ago

This is one way to do your first part (load image > work out the colour range > save image) someone else will have to help with the rest:

PImage img1;
img1 = loadImage("image.jpg");
size(img1.width,img1.height);
for (int x=0; x<width; x++) {
for (int y=0; y<height; y++) {
color col=img1.get(x,y); //get the rgb colour value from the current xy co-ord
int r=(col&0x00FF0000)>>16; // red part
int g=(col&0x0000FF00)>>8; // green part
int b=(col&0x000000FF); // blue part
int grey=(r+b+g)/3; // convert to average grey value
if (grey >= 0 && grey <=80) {
grey = 50;
}
if (grey >= 81 && grey <= 130) {
grey = 100;
}
if (grey >= 131 && grey <= 180) {
grey = 150;
}
if (grey >= 181 && grey <= 255) {
grey = 200;
}
stroke(grey);
point(x,y);
}
}
save("editedImage.jpg");

It's a bit slow, (probably because I used get(), to speed it up you could use pixels[]) but when it has done processing, the image will pop up converted in the java window. Close that and look in your sketch folder to find the edited image! The code is pretty straight forward, but if you need further explanation I'll try my best to explain.

johannesgj

Re: help on developing image to drawing robot

2 years ago

thanx it works perfectly!

i hope there will be somebody that can help me with thoughts, ideas or code bits to the second part of the idea.

can i just ask you mattyr64 if i at all made sense in my description of the second part?

anyway to all others who read this - any help is still greatly appreciated!

_____
allways on the lookout for new toys to mod
_____

mattyr64

Re: help on developing image to drawing robot

2 years ago

I kind of understand it, you want it to pick up a random pixel with the colour value of 50.

This would be done by analysing the edited image with color col=img1.get(x,y); and storing each instance of the colour equalling 50 to an array, (you would need to store the x,y values).

Then you would use random() on the total number of instances of colour 50 to choose one at random, and then load the stored values of x,y and start the line from there.

I think you want the line to join to another random instance of colour 50 nearby.

So to do this you could try drawing the second part of the line to the x,y co-ordinates stored in the array, but instead of one completely at random, choose one within a certain range of the random value you got for the first part (to get one nearby on the image).

I guess you would have to experiment to see what effect different values/ranges would have.

mattyr64

Re: help on developing image to drawing robot

2 years ago

I've just been playing around with this:

PImage img2;
img2 = loadImage("editedImage.jpg");
size(img2.width,img2.height);
ArrayList posX;
ArrayList posY;
posX = new ArrayList();
posY = new ArrayList();
for (int x=0; x<width; x++) {
for (int y=0; y<height; y++) {
color col=img2.get(x,y);
int r=(col&0x00FF0000)>>16; // red part
int g=(col&0x0000FF00)>>8; // green part
int b=(col&0x000000FF); // blue part
int grey=(r+b+g)/3;
if (grey == 50) {
posX.add(x);
posY.add(y);
}
}
}
for (int c=0; c<posX.size();)
{
int num = int(random(posX.size()));
int numx = (Integer)posX.get(num);
int numy = (Integer)posY.get(num);
posX.remove(num);
posY.remove(num);
stroke(255);
point(numx,numy);
}
save("editedImage2.jpg");

That finds all areas of colour 50, stores them into an ArrayList and then uses the co-ordinates to draw white points over the top. It might help point you in the right direction.

edit: oh yeah, you can add that code below the original code i posted, just remove the line size(img2.width,img2.height);

Top Reply