I would make it interactive, means allow people to clic on a picture to reverse the pixelization and se the image... can anybody help me?
thank you

Andrea

(Eventually it would be also great if I can enter a key word and start the search...)

2. import processing.pdf.*;
3. import org.json.*;
4. 
   
5. PImage img1;
6. PGraphics pixelized;
7. final int TIME = 2000;
8. int lastTime = -TIME;
9. int level = 1;
10. 
    
11. String api  = "http://api.flickr.com/services/rest/?method=flickr.photos.search";
12. String apikey = "5aa089fde84e9fb10513ef7605ef0847";
13. String tag = "bolzano";
14. 
    
15. int xImgPos = 0;
16. int yImgPos = 0;
17. 
    
18. void setup() {
19.       
20. 
    
21.   size (1125, 1125);
22.   
23.   beginRecord(PDF, "bolzano/bolzano_16_pag1_09.01.13_geo.pdf");
24.    background (255);
25.   getFlickrData();
26. 
    
27. }
28. 
    
29. 
    
30.  
31. void pixelize(){
32.   
33.   // Width and height of a cell for this level
34.   int w = img1.width / level;
35.   int h = img1.height / level;
36.   if (w < 1 || h < 1)
37.   {
38.     noLoop();
39.     println("Done");
40.     return;
41.   }
42.   println(level + " -> " + w + "x" + h);
43.   // We have some extra pixels to distribute
44.   int excessW = img1.width - w * level;
45.   int excessH = img1.height - h * level;
46.   // We will distribute them in the middle
47.   int excPosX = (level - excessW) / 2;
48.   int excPosY = (level - excessH) / 2;
49. //  println(excessW + "x" + excessH + " - " + excPosX + "x" + excPosY);
50.  
51.   pixelized.beginDraw();
52.   pixelized.noStroke();
53.   // Position of each cell
54.   int posX = 0;
55.   for (int i = 0; i < level; i++)
56.   {
57.     int cw = w;
58.     if (i >= excPosX && excessW > 0)
59.     {
60.       cw++; excessW--;
61.     }
62.     int rowExcessH = excessH;
63.     int posY = 0;
64.     for (int j = 0; j < level; j++)
65.     {
66.       int ch = h;
67.       if (j >= excPosY && rowExcessH > 0)
68.       {
69.         ch++; rowExcessH--;
70.       }
71.       color[] colors = new color[cw * ch];
72.       for (int x = 0; x < cw; x++)
73.       {
74.         for (int y = 0; y < ch; y++)
75.         {
76.           int pixelPos = x + cw * y;
77.           int pos = (posX + x) + (posY + y) * img1.width;
78. //println(posX + " " + posY + " - " + x + " " + y + " - " + cw + " " + ch);
79.           colors[pixelPos] = img1.pixels[pos];
80.         }
81.       }
82.       color c = averageColors(colors);
83.       pixelized.fill(c);
84.       pixelized.rect(posX, posY, cw, ch);
85.      
86.       posY += ch;
87.     }
88.     posX += cw;
89.   }
90.   pixelized.endDraw();
91. }
92.  
93. color averageColors(color[] colors)
94. {
95.   long r = 0;
96.   long g = 0;
97.   long b = 0;
98.   for (color c : colors)
99.   {
100.     r += (c >> 16) & 0xFF;
101.     g += (c >> 8) & 0xFF;
102.     b += c & 0xFF;
103.   }
104.   int len = colors.length;
105.   int ar = int(r / len);
106.   int ag = int(g / len);
107.   int ab = int(b / len);
108.   return 0xFF000000 | (ar << 16) | (ag << 8) | ab;
109. }
110. 
     
111. 
     
112. ////////////////////////////////////////////////////
113. 
     
114. void getFlickrData() {
115.   String request = api + "&tags="+tag+"&has_geo=1&page=1&per_page=300&format=json&nojsoncallback=1&extras=geo&api_key="+apikey;
116.   println(request);
117.   String result = join (loadStrings( request ), "");
118.   //println(result);
119.   try {
120.     JSONObject flickrData = new JSONObject(join(loadStrings(request), ""));
121.     //JSONArray photos = flickrData.getJSONArray("photos");
122.     println("test1");
123.     println(flickrData );
124.     // println(flickrData.getString("photos"));
125.     println("test2");
126.     JSONObject flickrData2 = new JSONObject(flickrData.getString("photos") )  ;
127.     // JSONObject results = flickrData.JSONObject(0);
128.     // JSONArray results = flickrData.getJSONArray("photo");
129.     //    JSONArray results = flickrData.getJSONArray("photos");  
130.     // JSONObject jsonobj2 = flickrData.JSONObject("photo");  
131.     println("test3 ----------------------------------------------------------------------");
132.     println(flickrData2 );
133.     println("test4");
134.     JSONArray results = flickrData2.getJSONArray("photo");
135.     println("test5");
136.     println("------------------------------------------------------------------------------");
137.     println("=======================================");
138.     
139.     int numberOfElements = results.length();
140.     int lineNum=2;
141.     int factor1= 110;
142.     int factor2= 25;
143.     
144.     for (int j = 0; j < numberOfElements; j++) {
145.      
146.       
147.       JSONObject entry = results.getJSONObject(j);
148.       println ("Now we show entry # " + j );
149.       println (entry);
150.       println("id is: " + entry.getString("id"));
151.       
152.           //String longitudeID = entry.getString("longitude");
153.           //String latitudeID = entry.getString("latitude");
154.            //println("This is longitude and latitude: " + longitudeID+" "+latitudeID);
155.              
156.       String farmID = entry.getString("farm");
157.       String serverID = entry.getString("server");
158.       String imageID = entry.getString("id");
159.       String seceretID = entry.getString("secret");
160. 
     
161.       //////////// the image url
162.       
163.       String imgURL = "http://farm"+farmID+".staticflickr.com/"+serverID+"/"+imageID+"_"+seceretID+"_s.jpg";
164.       level  = 16;
165.       
166.       println(imgURL);
167.       
168.       img1 = loadImage(imgURL);
169.       pixelized = createGraphics(img1.width, img1.height, JAVA2D);
170. 
     
171.       pixelize();
172.       image(pixelized,xImgPos,yImgPos);
173.       
174.      // this.x = x;
175.     //this.y = y;
176.       if (xImgPos> width){
177.         xImgPos=0;
178.         yImgPos += pixelized.height;
179.      }else{
180.        xImgPos+=pixelized.width;
181.      }
182.       
183.     
184.       //image(img1, 70, j * 95 + 25);
185.       /*
186.       PFont myFont=createFont("avenir-32.vlw", 16);
187.       textFont(myFont, 25);
188.       lineNum= 1;
189.       text (entry.getString("title"), j*factor1+lineNum*factor2, j*factor1+lineNum*factor2 );     
190.       lineNum++;
191.       text (entry.getString("accuracy"), 44, j*factor1+lineNum*factor2 );
192.       lineNum++;
193.       textFont(myFont, 14);
194.       text (entry.getString("context"), 44, j*factor1+lineNum*factor2 );
195.       lineNum++;*/
196.      // text (entry.getString("latitude"), 44, j*factor1+lineNum*factor2 );
197.       //lineNum++;
198.       //
199.       println ("----------------------");
200.     }
201.     /*
202.     for (int i = 0; i < photos.length(); i++){
203.      JSONObject flickrImg = (JSONObject) photos.get(i);
204.      JSONArray flickrPhoto = flickrImg.getJSONArray("photo");
205.      JSONObject photo = (JSONObject) flickrPhoto.get(0);
206.     
207.      println("\nLongitude : " + photo.getString("longitude"));
208.      }  */
209.   }
210.   catch (JSONException e) {
211.    println ("There was an error parsing the JSONObject.");
212.   }
213.   
214.    endRecord();
215. 
     
216.   
217. }
218. 
     
219.