I am creating a sketch that uses GUI radio buttons to update the value in my array. I've debugged as much as I could but still do not understand why my visuals (that link to the number in the array) don't update as well. When I click on the radio button, it prints the correct value the array has - but no update has been made on the visuals... Could you please look below and show me where I'm going wrong with this..

to be clear: problem is that my visuals are not updating the same as the array assigned to it.

This is the main code that has all the GUI values and such... to help you I'm using the ControlP5 library (download  http://www.sojamo.de/libraries/controlP5/) for this..

2. import java.util.Calendar;
3. 
   
4. import processing.pdf.*;
5. boolean savePDF = false;
6. 
   
7. import controlP5.*;
8. ControlP5 cp5;
9. ControlP5 cp52;
10. ControlP5 cp53;
11. ControlP5 cp54;
12. RadioButton r;
13. RadioButton r2;
14. RadioButton r3;
15. RadioButton r4;
16. RadioButton r5;
17. RadioButton r6;
18. RadioButton r7;
19. int myColorBackground;
20. 
    
21. int actRandomSeed = 0;
22. int lib1=2448;
23. int lib2=1106;
24. int web1=3765;
25. int web2=912;
26. 
    
27. library_1[] library_1Array = new library_1[(lib1)/50];
28. library_2[] library_2Array = new library_2[(lib2)/50];
29. website_1[] website_1Array = new website_1[(web1)/50];
30. website_2[] website_2Array = new website_2[(web2)/50];
31. 
    
32. float stepSize = 0.1;
33. 
    
34. 
    
35. void setup() {
36.   size(1200,600);
37.   background(4,123,181);
38.   cursor(CROSS);
39.   smooth();
40. 
    
41. //STORED VALUES FOR UTS LIBRARY GENERAL    
42.     cp5 = new ControlP5(this);
43.     r = cp5.addRadioButton("radioButton")
44.          .setPosition(100,70)
45.          .setSize(20,20)
46.          .setColorForeground(color(120)) // highlight colour
47.          .setColorActive(color(255)) //once clicked colour
48.          .setColorLabel(color(0)) //text colour
49.          .setItemsPerRow(1)
50.          .setSpacingColumn(50)
51.                 .addItem("0", 2448)
52.                 .addItem("4", 1911)
53.                 .addItem("8", 3517)
54.                 .addItem("12", 2958)
55.                 .addItem("16", 3490)
56.                 .addItem("20", 2109)
57.                 .addItem("24", 963)
58.                 ;
59.   
60. //STORED VALUES FOR UTS LIBRARY RESEARCH       
61.     cp52 = new ControlP5(this);
62.     r2 = cp52.addRadioButton("radioButton")
63.          .setPosition(160,70)
64.          .setSize(20,20)
65.          .setColorForeground(color(120))
66.          .setColorActive(color(255))
67.          .setColorLabel(color(0))
68.          .setItemsPerRow(1)
69.          .setSpacingColumn(50)
70.                 .addItem("1", 1106)
71.                 .addItem("5", 762)
72.                 .addItem("9", 2094)
73.                 .addItem("13", 1626)
74.                 .addItem("17", 1561)
75.                 .addItem("21", 959)
76.                 .addItem("25", 437)
77.                 ;
78.                 
79.  
80. //STORED VALUES FOR IOS GENERAL       
81.      cp53 = new ControlP5(this);
82.      r3 = cp53.addRadioButton("radioButton")
83.          .setPosition(220,70)
84.          .setSize(20,20)
85.          .setColorForeground(color(120))
86.          .setColorActive(color(255))
87.          .setColorLabel(color(0))
88.          .setItemsPerRow(1)
89.          .setSpacingColumn(50)
90.                 .addItem("2", 3765)
91.                 .addItem("6", 2399)
92.                 .addItem("10", 4611)
93.                 .addItem("14", 3881)
94.                 .addItem("18", 3670)
95.                 .addItem("22", 2955)
96.                 .addItem("26", 1317)
97.                 ;
98.                 
99.  
100. //STORED VALUES FOR IOS RESEARCH     
101.      cp54 = new ControlP5(this);
102.      r4 = cp54.addRadioButton("radioButton")
103.          .setPosition(280,70)
104.          .setSize(20,20)
105.          .setColorForeground(color(120))
106.          .setColorActive(color(255))
107.          .setColorLabel(color(0))
108.          .setItemsPerRow(1)
109.          .setSpacingColumn(50)
110.                 .addItem("3", 912)
111.                 .addItem("7", 416)
112.                 .addItem("11", 2192)
113.                 .addItem("15", 1739)
114.                 .addItem("19", 1982)
115.                 .addItem("23", 969)
116.                 .addItem("27", 399)
117.                 ;
118.   for(int i = 0; i<library_1Array.length; i++){
119.     library_1Array[i]= new library_1(random(400,width),random(height));
120.   }
121.   for(int i = 0; i<library_2Array.length; i++){
122.     library_2Array[i]= new library_2(random(400,width),random(height));
123.   }
124.   for(int i = 0; i<website_1Array.length; i++){
125.     website_1Array[i]= new website_1();
126.   }
127.   for(int i = 0; i<website_2Array.length; i++){
128.     website_2Array[i]= new website_2();
129.   }
130. }
131. 
     
132. 
     
133. void draw() {
134.  // if (savePDF) beginRecord(PDF, timestamp()+".pdf");
135.   background(255);
136.   noStroke();
137.   
138. 
     
139.   for(int i = 0; i<library_1Array.length; i++){
140.     library_1Array[i].update();
141.     library_1Array[i].draw();
142.   }
143.     for(int i = 0; i<library_2Array.length; i++){
144.     library_2Array[i].update();
145.     library_2Array[i].draw();
146.   }
147.     for(int i = 0; i<website_1Array.length; i++){
148.     website_1Array[i].update();
149.     website_1Array[i].draw();
150.   }
151.   for(int i = 0; i<website_2Array.length; i++){
152.     website_2Array[i].update();
153.     website_2Array[i].draw();
154.   }
155.   
156.   
157. //text  
158.   fill(0);
159.   rect(0,0,400,height);
160.   fill(255);
161.   text("JUN",60,85);
162.   text("JUL",60,105);
163.   text("AUG",60,125);
164.   text("SEP",60,145);
165.   text("OCT",60,170);
166.   text("NOV",60,190);
167.   text("DEC",60,210);
168.   textSize(10);
169.   text("GENERAL",90,60);
170.   text("RESEARCH",145,60);
171.   text("GENERAL",210,60);
172.   text("RESEARCH",265,60);
173.   text("iOS",250,40);
174.   text("UTS LIBRARY",110,40);
175.   String s = "My idea is to compare and analyse the behaviour of students accessing the website (from their devices) for library services VS students using the 'physical' library. I want to draw out how technology affects how students interact with the 'physical' library. This will help us understand what parts of the website are successful and what parts are not and need working - and vice versa with the library help desk.";
176.   text(s, 60, 250, 255, height);
177. 
     
178. }
179. 
     
180. void mouseReleased() {
181.   actRandomSeed = (int) random(100000);
182.   }
183. 
     
184. 
     
185. void keyReleased() {  
186.   if (key == 's' || key == 'S') saveFrame(timestamp()+"_####.png");
187.   if (key == 'p' || key == 'P') savePDF = true;
188. }
189. 
     
190. String timestamp() {
191.   Calendar now = Calendar.getInstance();
192.   return String.format("%1$ty%1$tm%1$td_%1$tH%1$tM%1$tS", now);
193. }
194. 
     
195. 
     
196. //GUI radio button controls
197. void keyPressed() {
198.   switch(key) {
199.     case('0'): r.deactivateAll(); break;
200.     case('1'): r.activate(0); break;
201.     case('2'): r.activate(1); break;
202.     case('3'): r.activate(2); break;
203.     case('4'): r.activate(3); break;
204.     case('5'): r.activate(4); break;
205.   }
206.   
207. }
208. 
     
209. //UTS LIBRARY GENERAL ENQUIRIES
210. void controlEvent(ControlEvent theEvent) {
211.   if(theEvent.isFrom(r)) {
212.     print("got an event from "+theEvent.getName()+"\t");
213.     for(int i=0;i<theEvent.getGroup().getArrayValue().length;i++) {
214.       print(int(theEvent.getGroup().getArrayValue()[i]));
215.     }
216.     println("\t "+theEvent.getValue());
217.     lib1=int(theEvent.group().value());
218.     library_1[] library_1Array = new library_1[(lib1)/50];
219.     for(int i = 0; i<library_1Array.length; i++){
220.       library_1Array[i]= new library_1(width/2,height/2);
221.     }
222.     println(library_1Array.length);
223.   }
224. 
     
225. //UTS LIBRARY RESEARCH ENQUIRIES  
226.   if(theEvent.isFrom(r2)) {
227.     print("got an event from "+theEvent.getName()+"\t");
228.     for(int i=0;i<theEvent.getGroup().getArrayValue().length;i++) {
229.       print(int(theEvent.getGroup().getArrayValue()[i]));
230.     }
231.     println("\t "+theEvent.getValue());
232.     lib2=int(theEvent.group().value());
233.     library_2[] library_2Array = new library_2[(lib2)/50];
234.     for(int i = 0; i<library_2Array.length; i++){
235.       library_2Array[i]= new library_2(width/2,height/2);
236.     }
237.   }
238.   
239. //IOS GENERAL ENQUIRIES  
240.   if(theEvent.isFrom(r3)) {
241.     print("got an event from "+theEvent.getName()+"\t");
242.     for(int i=0;i<theEvent.getGroup().getArrayValue().length;i++) {
243.       print(int(theEvent.getGroup().getArrayValue()[i]));
244.     }
245.     println("\t "+theEvent.getValue());
246.     web1=int(theEvent.group().value());
247.     website_1[] website_1Array = new website_1[(web1)/50];
248.     for(int i = 0; i<website_1Array.length; i++){
249.       website_1Array[i]= new website_1();
250.     }
251.     
252.   }
253.   
254. //IOS RESEARCH ENQUIRIES  
255.   if(theEvent.isFrom(r4)) {
256.     print("got an event from "+theEvent.getName()+"\t");
257.     for(int i=0;i<theEvent.getGroup().getArrayValue().length;i++) {
258.       print(int(theEvent.getGroup().getArrayValue()[i]));
259.     }
260.     println("\t "+theEvent.getValue());
261.     web2=int(theEvent.group().value());
262.     website_2[] website_2Array = new website_2[(web2)/50];
263.     for(int i = 0; i<website_2Array.length; i++){
264.       website_2Array[i]= new website_2();
265.     }
266.   }
267. }
268. 
     
269. void radioButton(int a) {
270.   println("a radio Button event: "+a);
271. }

This is my library_1 class (can also be copied and renamed to library_2, website_1 and website_2)

You can change the fill() to help you distinguish the classes

2. class library_1{
3.   float xPos; // X-coordinate
4.   float yPos; // Y-coordinate
5.   float angle; // Direction of motion
6.   float speed; // Speed of motion
7.   float initRadius;
8.   float radius;
9.   float minRadius;
10.   float maxRadius;
11.   float radiusInc;
12.   
13.   library_1(float a, float b){
14.     xPos=a;
15.     yPos=b;
16.     angle = random(TWO_PI);
17.     speed = 3;
18.     initRadius=30;
19.     radius=random(15,30);
20.     minRadius=15;
21.     maxRadius=30;
22.     radiusInc=0.4;
23.   }
24.   
25.   void update(){
26.     float dx = cos(angle) * speed;
27.     float dy = sin(angle) * speed;
28.     xPos = constrain(xPos + dx, -(initRadius), width+initRadius);
29.     yPos = constrain(yPos + dy, -(initRadius), height+initRadius);
30.     angle += random(-1, 1);
31.     if(radius<minRadius || radius>maxRadius)
32.     {
33.       radiusInc*=-1;
34.     }
35.     radius+=radiusInc;
36.   }
37.   void draw(){
38.     noStroke();
39.     
40.     if (xPos > width) xPos = 400;
41.     if (xPos < 400) xPos = width;
42.     if (yPos < 0) yPos = height;
43.     if (yPos > height) yPos = 0;
44.     
45. //CHANGE MY COLOUR TO DISTINGUISH BETWEEN THE CLASSES
46.     fill(4,123,181);
47.     ellipse(xPos,yPos,radius,radius);
48.   }
49. }

Thank you in advance for looking at my code!

astr0boi