Help with some loops and image processing

Hello there,
I am pretty new to processing and what I am going to ask is probably a little stupid but I just can´t get on without help.
I want to write a program to do the following:

  • Take a lot of pictures
  • “cut out” a stripe of pixels in the middle of every picture (the width of the stripe is the width of the later picture divided by the nomber of images)
  • “pace” this stripe to another picture one after another starting at x,y=0 until the right border (wich should coincidate with the total width of all the stripes put together because of how i calculated the width of every stripe)
  • show me that resulting picture.

I wrote the following code and get a ArrayOutofBounds error which turns into an Failed to initilize error in the line I put between :

PImage[] originals;
PImage trans; //the result image
int stripewidth; //with of the stripes to cut out of every image
   int transx=0;//x location for translation image
        int transy=0;//y loction for translation image

void setup(){
size (1754,1240);
originals = new PImage[121];
trans =createImage(width,height,RGB);

for (int i=0;i<originals.length;i++){
  originals[i]=loadImage("tfm ("+(i+1)+").png");


void draw(){

for (int i=0;i<originals.length;i++){ //repeat for all the images
  originals[i].loadPixels(); //initialize/load
  //get access to locations
 for (int x=860;x<860+stripewidth;x++){ //"cut out" a stripe of width stripewidth at x=860
   for (int y=0;y<height;y++){
     int loc =x+y*width;
     int transloc =transx+transy*width;
     **trans.pixels[transloc]=originals[i].pixels[loc];** //get pixel from original and put it into trans picture




I guess there are more issues with this code, but I can´t work with it if I dont get any image and I cant get any image until I resolve the error that makes my program break down.
The output I get is this:
Could not run the sketch (Target VM failed to initialize).
But right when it breaks down I can see that it sais ArrayIndexOutOfBoundException: 1539118

Would really appreciate some help, I am sure the problem is very stupid.
Thanks a lot!

1 Like

i think that is all not that easy as you calc on the pixel level.

 for (int x=860;x<860+stripewidth;x++){ //"cut out" a stripe of width stripewidth at x=860
   for (int y=0;y<height;y++){
     int loc =x+y*width;

this double loop i think has big problems:
-a- height and width can not be used here!
as you must refer to the height and width of the loaded picture like

-b- after that is correct the inner loop reads one vertical line?
starting from where? 860?
first must check if the vertical stripe like 860 + 100 for x fits in the originals[i].width
then the inner loop reads ( part of lines ) 860 … 960
and the outer loop must read the next line
originals[i].width*N + 860 ... originals[i].width*N + 960

your loop fails as soon the combined loop hits the


( that is end of picture )

i think there is a way to copy a area out of a image
so not need that pixel copy.

  int start = 200, stripe=50;
  image(img, 0, 0, stripe,height,start,0,start+stripe,img.height);

1 Like

Thank you so much for your answer!!
Especially your tip in PS really helped me.
figured it out in like 2 minutes, like this: :slight_smile:

for (int i=0;i<originals.length;i++){ //repeat for all the images