Scattered Pixels

General Discussion Other

Kitty.19

in General Discussion • Other • 1 year ago

Hi all!

I need to create a sketch wherein the pixels of an image are scattered across the screen and I have to kinda wiggle them about as the pixels come to their respective positions in the image. I know you can use the pixels[] array to get the color of each pixel in the array. I'v tried copying the pixel array into another, for bringing them back, but I get errors like Null Pointer Exceptions when I do that. I'm sure I'm missing something, so if anyone could tell me how to go about this I'd be really grateful.

Thanks!

Replies(7)

calsign

Re: Scattered Pixels

1 year ago

I'm a little confused as to your objective... perhaps a code example of what you have tried would be useful in both understanding it and solving the problem...

Kitty.19

Re: Scattered Pixels

1 year ago

Hi,

I'm sorry I didn't explain my objective clearly. My sketch is supposed to scatter the pixels of an image randomly across the screen and then bring them back to form the image. I tried using an array to copy the values of the pixels array like

int[] array;
void setup(){
//screensize setting, load image etc
array= new int[img.width*img.height];
for(int i=0;i<img.width*img.height;i++){
array[i]=pixels[i];
}
}

but I get a null pointer exception.

I looked at this example online: http://www.learningprocessing.com/examples/chapter-15/example-15-15/

but as it doesn't really scatter the pixels randomly and neither do the pixels come back to their original position all the time so a uniform image is produced.

I'd appreciate it if anyone could help me by telling me how to go about it.

Thanks!

benja

Re: Scattered Pixels

1 year ago

Hi,

first, you have to create "img" and load an image before you can access its properties.
The null pointer exception comes from not calling loadPixels(). See pixels[].

In your case, i think you want the pixels from your loaded image, so you would have to to something like this:

img.loadPixels();
for (int i=0;i<img.width*img.height;i++) {
arr[i]=img.pixels[i];
}
img.updatePixels();

For animating the pixels according to your idea, i would create two PVector-arrays.
One of them holding the original position of the pixel, the second with the "scattered" position of the pixel.

Then just interpolate between these positions over time.

calsign

Re: Scattered Pixels

1 year ago

Take a look at the Explode Example... I think it might help...

Kitty.19

Re: Scattered Pixels

1 year ago

Hi!

Thanks for the replies. Both of them were useful.

But since my images are of the scale of 6720*3360, the P3D render mode proves to be too slow. Is there any way I can speed it up?

benja

Re: Scattered Pixels

1 year ago

6720*3360 pixels?
Thats huge, i doubt that your display could show such a resolution.
I would propose to scale the images down before loading them, but you could also resize them inside of processing.

img.resize(newWidth, newHeight);

Kitty.19

Re: Scattered Pixels

1 year ago

Well my display is twice as big as that, so those images won't be an issue :)

And thanks for the tip!

Top Reply