For my class, I'm analyzing the pixels in an image and storing the coordinates of any pixel that surpasses a particular brightness threshold. I kept getting the "array index out of bounds" error, which had something to do with the number 1031 (which happens to be the dimensions of my image-- 1031x1031). I've since changed the code so my arrays are < img.length or img.width, but now it seems that it isn't analyzing the entire image (I make this conclusion because the ellipses I draw around these points only cover 1/4 of the image). 

What I want to do: analyze the image and store the x,y location of any points that are >= a given brightness threshold into a set of arrays so that I may recall these points to be used in a series of lines or vertices in the beginShape()/endShape() function.

How do I successfully store data into an array?

Here is my code:

2. PImage img;
3. int[] x;
4. int[] y;
5.   
6. int n=0;
7. 
   
8. 
   
9. 
   
10. 
    
11. void setup(){
12. 
    
13.   noLoop();
14.  
15.  img = loadImage("backgroundpic.png");
16.  size(img.width,img.height);
17.  image(img,0,0,img.width,img.height);
18.  
19. x = new int[img.width];
20. y = new int[img.height];
21. 
    
22. }
23. 
    
24. 
    
25. 
    
26. void draw(){
27.  
28.   for (int a=0; a <= img.width; a++){
29.     for (int b=0; b <= img.height; b++){
30.       
31.           color c = img.get(a,b);
32.           float d =  brightness(c);
33.     
34.               fill(255,0,180,13);
35.               noStroke();
36.  
37.                   if (d>100 && n < y.length && n < x.length){
38. 
    
39.                               ellipse (a,b,10,10);
40.           
41.                                       x[n]=a;
42.                                       y[n]=b;
43.                                         n++;
44.           }
45.         
46.  }}
47.   
48. 
    
49. 
    
50. 
    
51. 
    
52. }

I have been working on this slideshow for a while. I've solved all of my previous errors, if anyone has been keeping track. Now I have my entire slideshow, but I can't figure out how to loop it continuously. To be more explicit, once my sketch has reached the 3060th image (or 3060th frame, as I have it coded right now), how do I make it start from the beginning? I only want my slideshow to stop when I press escape (once it has been exported as an application).

Here's my code, and thanks for the help!

2. 
   
3. 
   
4. int n=0;
5. int x=0;
6. int y=1;
7. int z=0;
8. int w=1;
9. 
   
10. 
    
11. int num2;
12. int num1;
13. int num3;
14. 
    
15. 
    
16. char letter= 'A';
17. float randLetter;
18. int roundLetter;
19. 
    
20. 
    
21. 
    
22. void setup() {
23.   
24.   
25. size(1440, 900);
26. 
    
27. 
    
28. frameRate(120); 
29. 
    
30. 
    
31.   
32. }
33. 
    
34. 
    
35. void draw () {
36.   
37.   background(0);
38.   
39. if (frameCount <= 1440){
40.   
41.   image(loadImage((y)+"_"+(letter)+""+(x)+ "_" + (n) + ".jpg"),0,0,width,height);
42. 
    
43.    if ( n < 8 ){
44.      n++;
45.    if (n%8<=0){
46.         n=0;
47.          x++; 
48.     if (x%6<=0){
49.            letter++;
50.            x=0;
51.         n=0;
52.      if (frameCountH0<=0){
53.        y++;
54.        letter='A';
55.        x=0;
56.        n=0;
57.        
58.     }}}}
59.  
60.  
61.  println((y)+"_"+(letter)+""+(x)+ "_" + (n) + ".jpg");
62.   
63. }
64. 
    
65. 
    
66. 
    
67.     if (frameCount > 1440 && frameCount <= 1619){
68.       
69.   image(loadImage((z+1)+"_"+(letter)+""+(num2)+ "_4.jpg"),0,0,width,height);
70.       
71.        
72.        x=round(random(0,5));
73.           byte b= byte(x);
74.           num2=b;
75.       randLetter=(random(65,74));
76.           byte c= byte(randLetter);
77.           letter=char(c);
78.  
79.  
80. 
    
81.     if (frameCount`<=0){
82.       if (z<3){
83.       z=z+1;
84.       }
85.     }
86.     
87. 
    
88.     println((z+1)+"_"+(letter)+""+(num2)+ "_4.jpg");
89.    
90.     
91.   }
92.       
93.     if (frameCount > 1619 && frameCount <= 3060){
94.       
95.             
96.   image(loadImage((w)+"_"+(letter)+""+(num2)+ "_" + (num1) + ".jpg"),0,0,width,height);
97.   
98.       
99.       
100.       w=round(random(1,3));
101.         byte d= byte(w);
102.          num3=d; 
103.       n=round(random(0,7));
104.         byte a= byte(n);
105.          num1=a;
106.       x=round(random(0,5));
107.           byte b= byte(x);
108.           num2=b;
109.       randLetter=(random(65,74));
110.           byte c= byte(randLetter);
111.           letter=char(c);
112.  
113.  
114. 
     
115. 
     
116.     println((w)+"_"+(letter)+""+(num2)+ "_" + (num1) + ".jpg"+ "      framecount: " + frameCount);
117.    
118.     
119.  if (frameCount060<=0){
120.      frameCount=0;
121.  }
122.       
123.       
124.    
125.    }
126.     
127.    }
128.    
129.    
130.    
131.    

How do I generate a random set of integers for an array (which determines endpoints for various lines) ONCE, and then when keyPressed, I can regenerate a new set of random integers?

I've created a function called LinearDeformation, and through a series of calculations I determine the endpoints for "major segments" which have a certain X range and Y range according to the width and height of the display. The random function determines a point within the determined ranges. 

At the moment, the random function is continuously looping. I don't want to use noLoop(); because I want to be able to adjust the "margChange" continuously by pressing the arrow keys (and have real-time feedback). I've tried creating a separate function for integer generation but I'm having trouble figuring out how to structure it.

Here is the code, sorry if its illegible:

2. float YmarginX= 20;
3. float XmarginX = 20;
4. float YmarginY= 20;
5. float XmarginY = 20;
6. 
   
7. 
   
8. float margChange = 1;
9.   
10.   
11.   float[] start;
12.   float[] range;
13.   float[] end;
14. 
    
15. 
    
16. 
    
17. 
    
18. 
    
19. void setup(){
20.   
21.   size (500,500);
22. 
    
23.   smooth();
24. //noLoop();
25.   randomSeed(0);
26. //regenValues(Xmargin, Ymargin);
27. 
    
28. }
29. 
    
30. 
    
31. 
    
32. void draw(){
33.     background(255);
34.   
35. 
    
36.   
37.   
38.   //  X directionality 
39.  strokeWeight(3);
40.   LinearDeformation(XmarginX, YmarginX, margChange);
41.    
42.  //  Y directionality
43.    
44. strokeWeight(5);
45.    pushMatrix();
46.    translate(0,500);
47.    rotate(radians(270));
48.     LinearDeformation(XmarginY, YmarginY, margChange);
49.    popMatrix();
50.   
51.   
52. 
    
53.   }
54.  // */
55.   
56. 
    
57. 
    
58. 
    
59. void keyPressed(){
60.   
61.   if (keyPressed){
62.   
63.   if (keyCode == LEFT ){
64.     if (margChange>0.1){
65.    margChange=margChange-(0.1);
66.     }
67.        
68.   }
69.   
70.    
71.      if (keyCode == RIGHT ){
72.        
73.    if (margChange<4.9){
74.    margChange=margChange+(0.1);
75.     }
76.        
77.   }
78.       
79.        
80.   
81.   if (key==' '){
82.     
83.       redraw();
84.     }
85. 
    
86. 
    
87. 
    
88. }
89.   
90.     
91.     
92.  }
93. 
    
94. 
    
95.   
97. void LinearDeformation (float Xmargin, float Ymargin, float margChange) {
98.   
99. int numReps=5;
100.   float[] start = new float[numReps];
101.   float[] range = new float[numReps];
102.   float[] end = new float[numReps];
103.   
104.    float NEWheight = height-(2*Ymargin);
105. 
     
106.   
107.   
108. //arrays for enpoint placement  
109.   
110. for (int s = 0; s < numReps; s++){
111.     if (s < 3){
112.         start[s] = random(Xmargin, ( ((s*.1)+.1) *width ));
113.     } 
114.     
115.     else {
116.         start[s] = random(Xmargin, ( ((3-(s-2))*.1) *width ));
117.     }
118.   }
119.     
120.     
121.     
122.    
123. for (int r = 0; r < numReps; r++){
124.     range[r] = random(Ymargin + (NEWheight*(r*.202)), 
125.                                   NEWheight*(0.152+(r*.202)));
126.      }                          
127.                                   
128.       
129.                                   
130. for (int e = 0; e < numReps; e++){
131.       if (e <=2){
132.         end[e] = random( ((.9- (e*0.1) ) *width), width-Xmargin); 
133.       } else {
134.         end[e] = random( ((.9- ( (4-e) *0.1) ) *width), width-Xmargin); 
135.       }}
136. 
     
137. 
     
138. 
     
139. 
     
140. //accounting for margin change
141. 
     
142.  float newRange0 = (range[0])*margChange;
143.   float newRange1 = (range[1])*margChange;
144.   float newRange2 = (range[2])*margChange;
145.   float newRange3 = (range[3])*margChange;
146.   float newRange4 = (range[4])*margChange;
147. 
     
148. 
     
149. 
     
150. //major segments
151. 
     
152.   line (start[0], newRange0, end[0], newRange0);
153.   line (start[1], newRange1, end[1], newRange1);
154.   line (start[2], newRange2, end[2],  newRange2);
155.   line (start[3],  newRange3, end[3],  newRange3);
156.   line (start[4], newRange4, end[4], newRange4);
157.   
158.   
159.   
160.    
161. //minor segments  
162. 
     
163.   line (end[0], newRange0, end[1], newRange1);
164.   line (start[1], newRange1, start[2], newRange2);
165.   line (end[2], newRange2, end[3], newRange3);
166.   line (start[3], newRange3, start[4], newRange4);
167. 
     
168.  
169. }
170. 
     

I've created a small image array and I'm trying to experiment with exporting the sketch to a .mov where I can later use it in iMovie. I read this thread and tried implementing the advice from there into my own code. However, I'm running into trouble and can't actually export anything (error message below). 

If it is important, I'm using Processing 1.5.1 on a mac laptop, and I don't have the moviemaker option under Tools.

Here is the code:

Here is the error message:

Please and thank you for any help!

I have a set of images that I've been able to array using this code:

EDITED 10-4-2012 FOR CLARITY

__________

I am new to processing, and I have been given a large task of creating a slideshow for my research intern professor.

There are about 1600 images, each sized at 1400x900.

The images 'arrays' need to be grouped in sets of 8 images each. 

The naming convention is letter (A-J), number(1-6), underscore, number(1-8). example:

A1_1, A1_2, A1_3, A1_4, A1_5, A1_6, A1_7, A1_8     [this equals one set]

A2_1, A2_2, A2_3,....

How do I cycle through image array sets, in the way such as:

images named A1_(1-8) display

images named A2_(1-8) display

images named A3_(1-8) display

etc...

Where each set plays after the last set has finished?

I have only figured out how to loop one set at a time using the following code, which was derived directly from the Reas/Fry book:

________________________

Please help me, I'm hopeless...