2. import controlP5.*;
3. import peasy.*;
4. import processing.opengl.*;
5. import codeanticode.glgraphics.*;
6. import de.fhpotsdam.unfolding.*;
7. import de.fhpotsdam.unfolding.geo.*;
8. import de.fhpotsdam.unfolding.utils.*;
9. import de.fhpotsdam.unfolding.providers.*;
10. import de.fhpotsdam.unfolding.mapdisplay.MapDisplayFactory;
11. 
    
12. ControlP5 controlP5;
13. 
    
14. PFont title;
15. 
    
16. de.fhpotsdam.unfolding.Map map;
17. 
    
18. ArrayList<Decibel> decibels = new ArrayList<Decibel>();
19. 
    
20. int timeCheck = 24;
21. float alti;
22. 
    
23. PeasyCam cam;
24. PeasyDragHandler PanDragHandler;
25. PeasyDragHandler ZoomDragHandler;
26. PeasyDragHandler RotateDragHandler;
27. 
    
28. public void setup() {
29.   size(800, 600, GLConstants.GLGRAPHICS, OPENGL);
30.   noStroke();
31. 
    
32.   //INITIALIZE FONTS
33.   title = loadFont("DINEngschrift-150.vlw");
34.   textFont(title);
35. 
    
36. 
    
37.   //CONTROLP5
38.   controlP5 = new ControlP5(this);
39.   controlP5.addButton("0100HRS - 0259HRS", 4, 10, 100, 95, 20).setId(1);
40.   controlP5.addButton("0300HRS - 0559HRS", 4, 10, 130, 95, 20).setId(2);
41.   controlP5.addButton("0600HRS - 0859HRS", 4, 10, 160, 95, 20).setId(3);
42.   controlP5.addButton("0900HRS - 1159HRS", 4, 10, 190, 95, 20).setId(4);
43.   controlP5.addButton("1200HRS - 1459HRS", 4, 10, 220, 95, 20).setId(5);
44.   controlP5.addButton("1500HRS - 1759HRS", 4, 10, 250, 95, 20).setId(6);
45.   controlP5.addButton("1800HRS - 2059HRS", 4, 10, 280, 95, 20).setId(7);
46.   controlP5.addButton("2100HRS - 2359HRS", 4, 10, 310, 95, 20).setId(8);
47.   controlP5.addButton("VIEW ALL", 4, 10, 340, 95, 20).setId(9);
48.   controlP5.setAutoDraw(false);
49. 
    
50.   //loadData("decibel.txt", true);
51.   loadData("http://sinospheres.com/decibelone_genxml2.php", true);
52. 
    
53.   //PEASYCAM
54.   cam = new PeasyCam(this, 1500);
55.   cam.setMinimumDistance(800);
56.   cam.setMaximumDistance(3000);
57.   cam.setRotations(-1.0120627, 0.21060975, -0.10038537);
58.   PanDragHandler = cam.getPanDragHandler();
59.   ZoomDragHandler = cam.getZoomDragHandler();
60.   RotateDragHandler = cam.getRotateDragHandler();
61. 
    
62.   //MAPPING MOUSE HANDLERS
63.   cam.setLeftDragHandler(PanDragHandler); //left mousepress to pan
64.   cam.setRightDragHandler(RotateDragHandler); //right mousepress to rotate
65. 
    
66.   //DRAWING MAP
67.   map = new de.fhpotsdam.unfolding.Map(this, -700, -400, 2500, 1500, new OpenStreetMap.CloudmadeProvider(MapDisplayFactory.OSM_API_KEY, 61030));
68.   map.setTweening(true);
69.   map.zoomAndPanTo(new Location(1.36f, 103.8f), 13);
70. 
    
71.   cam.lookAt(642.35724, -79.86721, -143.15086, 3000);//cam first look
72. }
73. 
    
74. 
    
75. public void draw() {
76. 
    
77.   //  println((cam.getLookAt()));
78. 
    
79.   directionalLight(166, 166, 196, -60, -60, -60);
80.   background(0);
81.   map.draw();
82. 
    
83.   for (Decibel d:decibels) {
84.     if (timeCheck == 24) {
85.       float pos[] = map.getScreenPositionFromLocation(d.loc);
86.       drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
87.       drawEllipse(pos[0], pos[1]);
88.     }
89.     else if (timeCheck >= 0 && timeCheck <= 2) {
90.       if (d.currTime >= 0 && d.currTime <=2) {
91.         float pos[] = map.getScreenPositionFromLocation(d.loc);
92.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
93.       }
94.     }
95.     else if (timeCheck >= 3 && timeCheck <= 5) {
96.       if (d.currTime >= 3 && d.currTime <=5) {
97.         float pos[] = map.getScreenPositionFromLocation(d.loc);
98.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
99.       }
100.     }
101.     else if (timeCheck >= 6 && timeCheck <= 8) {
102.       if (d.currTime >= 6 && d.currTime <=8) {
103.         float pos[] = map.getScreenPositionFromLocation(d.loc);
104.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
105.       }
106.     }
107.     else if (timeCheck >= 9 && timeCheck <= 11) {
108.       if (d.currTime >= 9 && d.currTime <=11) {
109.         float pos[] = map.getScreenPositionFromLocation(d.loc);
110.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
111.       }
112.     }
113.     else if (timeCheck >= 12 && timeCheck <= 14) {
114.       if (d.currTime >= 12 && d.currTime <=14) {
115.         float pos[] = map.getScreenPositionFromLocation(d.loc);
116.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
117.       }
118.     }
119.     else if (timeCheck >= 15 && timeCheck <= 17) {
120.       if (d.currTime >= 15 && d.currTime <=17) {
121.         float pos[] = map.getScreenPositionFromLocation(d.loc);
122.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
123.       }
124.     }
125.     else if (timeCheck >= 18 && timeCheck <= 20) {
126.       if (d.currTime >= 18 && d.currTime <=20) {
127.         float pos[] = map.getScreenPositionFromLocation(d.loc);
128.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
129.       }
130.     }
131.     else if (timeCheck >= 21 && timeCheck <= 23) {
132.       if (d.currTime >= 21 && d.currTime <=23) {
133.         float pos[] = map.getScreenPositionFromLocation(d.loc);
134.         drawEarthquakeMarker(pos[0], pos[1], d.altitude*0.15);
135.       }
136.     }
137.   }
138. 
     
139.   gui();
140. }
141. 
     
142. 
     
143. public void keyPressed() {
144.   if (key == '1') {
145.     map.zoomLevelIn();
146.   }
147.   if (key == '2') {
148.     map.zoomLevelOut();
149.   }
150. }
151. 
     
152. public void drawTruncatedCone(float r1, float r2, float d1, float d2) {
153.   float ang = 0;
154.   int pts = 120;
155.   beginShape(QUAD_STRIP);
156.   for (int i=0; i<=pts; i++) {
157. 
     
158.     float  px = cos(radians(ang))*r1;
159.     float  py = sin(radians(ang))*r1;
160.     vertex(px, py, d1);
161. 
     
162.     float  px2 = cos(radians(ang))*r2;
163.     float  py2 = sin(radians(ang))*r2;
164.     vertex(px2, py2, d2);
165.     ang+=360/pts;
166.   }
167.   endShape();
168. }
169. 
     
170. public void drawEarthquakeMarker(float x, float y, float value) {
171.   fill(#23cf94, 200);
172.   pushMatrix();
173.   translate(x, y);
174.   float height = map(value, 4, 8, 20, 100);
175.   drawTruncatedCone(1, 5, 0, height);
176.   popMatrix();
177.   noStroke();
178.   alti=height;
179. }
180. 
     
181. 
     
182. 
     
183. void loadData(String theFile, boolean override) {
184. 
     
185.   XMLElement data = new XMLElement(this, theFile);
186. 
     
187.   if (override) {
188.     decibels = new ArrayList<Decibel>();
189.   }
190.   for (int i = 0; i < data.getChildCount(); i++) {
191.     Decibel d = new Decibel();
192. 
     
193.     XMLElement marker = data.getChild(i);
194.     float lat = float(marker.getChild("latitude").getContent());
195.     float lon = float(marker.getChild("longitude").getContent());
196.     float altitude = float(marker.getChild("description").getContent());
197.     int currTime = int(marker.getChild("time").getContent());
198.     d.loc = new Location(lat, lon);
199.     d.altitude = altitude;
200.     d.currTime = currTime;
201.     //alti = d.altitude;
202. 
     
203.     decibels.add(d);
204.   }
205.   println("done reading xml, now we have "+decibels.size()+" decibel items in our list.");
206.   println(alti);
207. 
     
208. }
209. 
     
210. 
     
211. class Decibel {
212.   Location loc;
213.   float altitude;
214.   int currTime;
215. }
216. 
     
217. public void drawEllipse(float x, float y) {
218.   fill(#ffffff, 200);
219.   pushMatrix();
220.   translate(x, y, alti*1.2);
221. //  float height = map(value, 4, 8, 20, 100);
222.   sphere(2);
223.   popMatrix();
224.   noStroke();
225. }
226. 
     
227. 
     
228. void gui() {
229.   cam.beginHUD();
230.   controlP5.draw();
231.   cam.endHUD();
232. }
233. 
     
234. 
     
235. public void controlEvent(ControlEvent theEvent) {
236.   switch(theEvent.controller().id()) {
237. 
     
238.     case(1):
239.     timeCheck = 1;
240.     println(theEvent.controller().id() + " " + timeCheck );
241.     break;
242. 
     
243.     case(2):
244.     timeCheck = 4;
245.     println(theEvent.controller().id() + " " + timeCheck );
246.     break;
247. 
     
248.     case(3):
249.     timeCheck = 7;
250.     println(theEvent.controller().id() + " " + timeCheck );
251.     break;
252. 
     
253.     case(4):
254.     timeCheck = 10;
255.     println(theEvent.controller().id() + " " + timeCheck );
256.     break;
257. 
     
258.     case(5):
259.     timeCheck = 13;
260.     println(theEvent.controller().id() + " " + timeCheck );
261.     break;
262. 
     
263.     case(6):
264.     timeCheck = 16;
265.     println(theEvent.controller().id() + " " + timeCheck );
266.     break;
267. 
     
268.     case(7):
269.     timeCheck = 19;
270.     println(theEvent.controller().id() + " " + timeCheck );
271.     break;
272. 
     
273.     case(8):
274.     timeCheck = 22;
275.     println(theEvent.controller().id() + " " + timeCheck );
276.     break;
277. 
     
278.     case(9):
279.     timeCheck = 24;
280.     println(theEvent.controller().id() + " " + timeCheck );
281.     break;
282.   }
283. }

What I need is to create another controlp5 button which only shows the spheres that are have been mapped to the locations and then translated according to the height of alti. Can anyone point me in the right direction? I first tried to gray out drawEarthquakeMarker() at line 86, but that only draws the spheres at the locations and does not translate them at heights according to alti. I guess it is because when drawEarthquakeMarker() is not called, alti is also not called, and I'm not sure where else to declare alti. I know this is kind of a noob question, but I'm at my wits end. Thank you in advance for your help!

/edit On another note, I need some help to get the spheres to display values from the xml document (specifically the description child) on mouseOver. I'm looking at something similar to this example, where on mouseover, a label pops up. However, I'm dealing in 3D, so I'm just afraid the label might not pop up as intended. Any advice would be awesome!