is it possible to give different links to every moving shape in my program? i have 10 different shapes in screen and every shape has different web link. is it possible?

i know maybe i ask too much but i should really know where my problem is.. my firends and teachers in my university have no idea what processing is.. maybe they heard about it, but they cant be helpful. 

so; my code was only one bubble, now there are many. and i wrote a void collision() but it seems it doesnt effective.

i'm sure that my void collision() is true, and i dont see any fail messages. i saw a collision example, and i just want my bubbles have the same collision effect. am i missing something?

here is my code:

1.  
2. 
   
3. 
   
4. int numBlob = 15;
5. float spring = 0.005;
6. float gravity = 0.0003;
7. float friction = -0.9;
8. Blob[] blobs = new Blob[numBlob];
9. 
   
10. 
    
11. void setup()
12. {
13.   size(1000, 600);
14.   stroke(0);
15.   smooth();
16.   //noStroke();
17.   
18.   frameRate(320);
19.   
20.   for(int i = 0; i < numBlob; i++)
21.   {
22.     blobs[i] = new Blob(25,random(10,70),50,50,random(10, 90),i,blobs);
23.   }
24.   /*blobs[0] = new Blob(41,52,6,22,random(20, 40),blobs);
25.   blobs[1] = new Blob(41,52,6,22,blobs);
26.   blobs[2] = new Blob(30, 35,2,33,blobs);
27.   blobs[3] = new Blob(12, 30,25,30,blobs);
28.   blobs[4] = new Blob(66, 10,6,24,blobs);
29.   blobs[5] = new Blob(10, 10,6,22,blobs);
30.   blobs[6] = new Blob(20, 20,12,35,blobs);
31.   */
32. }
33. 
    
34. 
    
35. void draw()
36.  {
37.   fill(118, 0, 0,50);
38.    //background(#C95F45);
39.   rect(0, 0, width, height);
40.   strokeWeight(0.001);
41.   for (int i = 0; i < numBlob; i++)
42.   {
43.     blobs[i].collide();
44.     blobs[i].move();
45.     blobs[i].ciz();
46.   }
47.   
48.  }
49.  
50.  class Blob
51.  {
52.   float vx = 0;
53.   float vy = 0;
54.   
55.   int id;
56.   float diameter;
57.   float ci_x = random(1,30);
58.   float ci_y = random(1,30);
59.   /*float ci_x;
60.   float ci_y;*/
61.  
62.   float move_x = noise(50);
63.   float move_y = noise(50);
64.  
65.   float currentx;
66.   float currenty;
67.   float num = random(50);
68.  
69.   int Segments;
70.   float buyuk;
71.   
72.   Blob[] others;
73.   
74.   Blob(int seg, float b, float cx, float cy, float din, int idin, Blob[] oin)
75.   {
76.     currentx = width / 2;
77.     currenty = height / 2;
78.     ci_x = cx;
79.     ci_y = cy;
80.    
81.     Segments = seg;
82.     buyuk = b;
83.     
84.     diameter = din;
85.     id = idin;
86.     others = oin;
87.   }
88.   
89.   void move()
90.   {
91.     
92.     /*vy += gravity;
93.     ci_x += vx;
94.     ci_y += vy;*/
95.     
96.     if (ci_x + diameter/2 > width) {
97.       ci_x = width - diameter/2;
98.       move_x = -move_x;
99.       move_x *= friction;
100.     }
101.  
102.     if (ci_y + diameter/2 > height) {
103.       ci_y = height - diameter/2;
104.       move_y = -move_y;
105.       move_y *= friction;
106.     }
107.  
108.     if (ci_x - diameter/2 < 0) {
109.       //ci_x = 0;
110.       ci_x = diameter/2;
111.       move_x = -move_x;
112.       move_x *= friction;
113.     }
114.  
115.     if (ci_y - diameter/2 < 0) {
116.       //ci_y = 0;
117.       ci_y = diameter/2;
118.       move_y = -move_y;
119.       move_y *= friction;
120.     }
121.   }
122.     
123.   
124.    void ciz() {
125.     translate(width * noise(num+30), height * noise(num+70));
126.  
127.     rotate(20 * noise(num+10));
128.     num = num + 0.0009;
129.  
130.     float x[] = new float[Segments];
131.     float y[] = new float[Segments];
132.  
133.     for (int i=0; i<Segments; i++) {
134.       
135.       //float reb = random(5);
136.       float angle = float(i) / float(Segments) * TWO_PI;
137.       float distance = buyuk + 5 * noise(i, frameCount/80.0); 
138.  
139.       x[i] = ci_x + sin(angle) * distance+30;
140.       y[i] = ci_y + cos(angle) * distance+30;
141.     }
142.  
143.     
144.     beginShape();
145.     fill(200);
146.  
147.     for (int i=0; i<Segments+4; i++) {
148.       curveVertex(x[i % Segments], y[i % Segments]);
149.       
150.     }
151.  
152.     endShape();
153.     resetMatrix();
154.   }
155.   
156.   void collide()
157.   {
158.     for (int i = id + 1; i < numBlob; i++) {
159.       float dx = others[i].ci_x - ci_x;
160.       float dy = others[i].ci_y - ci_y;
161.       float distance = sqrt(dx*dx + dy*dy);
162.       float minDist = others[i].diameter/2 + diameter/2;
163.       
164.       if (distance < minDist) { 
165.         float angle2 = atan2(dy, dx);
166.         float targetX = ci_x + cos(angle2) * minDist;
167.         float targetY = ci_y + sin(angle2) * minDist;
168.         float ax = (targetX - others[i].ci_x) * spring;
169.         float ay = (targetY - others[i].ci_y) * spring;
170.         vx -= ax;
171.         vy -= ay;
172.         others[i].vx += ax;
173.         others[i].vy += ay;
174.       }
175.     }   
176.   }
177.   
178. }

i try to create class, so i can have 5 floating shapes. but it doesnt work. please help, thanks

2. 
   
3. 
   
4. Bubble b1;
5. Bubble b2;
6. Bubble b3;
7. Bubble b4;
8. Bubble b5;
9. 
   
10. 
    
11. float ci_x =  noise(10)*0.5;
12. float ci_y = noise(10)*0.5;
13. 
    
14. 
    
15. float move_x = noise(1);
16. float move_y = noise(1);
17. 
    
18. float currentx;
19. float currenty;
20. float num = 2;
21. 
    
22. void setup(){
23.   size(600,600);
24.   frameRate(320);
25.   b1 = new Bubble(50,100,100,40,10);
26.   b2 = new Bubble(50,100,100,60,30);
27.   b3 = new Bubble(50,100,100,10,50);
28.   b4 = new Bubble(50,100,100,80,70);
29.   b5 = new Bubble(50,100,100,6,100);
30.       
31. }
32. 
    
33. 
    
34. 
    
35. void draw(){
36.   background(0);
37.   b1.move();
38.   b1.display();
39.   b1.segg();
40.   
41.   b2.move();
42.   b2.display();
43.   b2.segg();
44.   
45.   b3.move();
46.   b3.display();
47.   b3.segg();
48.   
49.   b4.move();
50.   b4.display();
51.   b4.segg();
52.   
53.   b5.move();
54.   b5.display();
55.   b5.segg();
56. }
57. 
    
58. 
    
59. class Bubble {
60.   color c;
61.   float pozX;
62.   float pozY;
63.   int Segments;
64.   int ssize;
65.   
66.   Bubble(color b_color, float xpoz, float ypoz, int seg, int sizee){
67.   c = b_color;
68.   pozX = xpoz;
69.   pozY = ypoz;
70.   Segments = seg;
71.   ssize = sizee;
72.   
73.    for (int i=0; i<Segments; i++) {
74. 
    
75.     float angle = float(i) / float(Segments) * TWO_PI+220;
76.     float distance = ssize + 15 * noise(i, frameCount/60.0); 
77. 
    
78.    
79.   }
80.    
81.   
82.   }
83.   
84.   void display(){
85.     smooth();
86.     strokeWeight(4);
87.     stroke(c);
88.     
89.      beginShape();
90.       fill(#D3E2E5);
91. 
    
92.   for (int i=0; i<Segments; i++) {
93.     curveVertex(x[i % Segments], y[i % Segments]);
94.     
95.   }
96. 
    
97. 
    
98.   endShape();
99.    
100.     
101.   
102.   }
103.   
104.   
105.   void move(){
106.      if(ci_x > width){
107.   ci_x = width;
108.   move_x = -move_x;
109.   }
110.   
111.   if(ci_y > height){
112.   ci_y = height;
113.   move_y = -move_y;
114.   }
115.   
116.   if(ci_x < 0){
117.   ci_x = 0;
118.   move_x = -move_x;
119.   }
120.   
121.   if(ci_y < 0){
122.   ci_y = 0;
123.   move_y = -move_y;
124.   }
125.  // x[i] = pozX + sin(angle) * distance;
126.    // y[i] = pozY + cos(angle) * distance;
127.   
128.   }
129.   
130.   void segg(){
131.   translate(width * noise(num+200), height * noise(num+2000));
132.    
133.    rotate(10 * noise(num+10));
134.    num = num + 0.001;
135.   
136.    float x[] = new float[Segments];
137.    float y[] = new float[Segments];
138. 
     
139.   
140. 
     
141.  
142.   }
143.   
144. }

i have a question. i have a tag cloud with floating bubbles in it.and i have database with some labels and values. is it possible to set the bubble size with label value? i mean a bubble's size will be the value of label. and writing the label in bubble? any ideas please?

i have a code that i developed a little bit. my goal is making a tag cloud with bubbles, which are floating on screen and when they touch each other, changing the floating direction. when i try to add another bubble on screen, my first bubbles gains more speed. and second bubble doesnt floating in screen. i try to have 5 or more bubbles on screen and they floating to random directions..sorry for my bad english. 

2. float ne_x =  noise(10)*0.5;
3. 
   
4. float ne_y = noise(10)*0.5;
5. 
   
6. 
   
7. float move_x = noise(1);
8. float move_y = noise(1);
9. 
   
10. float currentx;
11. float currenty;
12. float num = 2;
13. 
    
14. void setup(){
15.   
16.   size(700, 400);
17.   //stroke(#D60DFF);
18.   smooth();
19.   noStroke();
20.   //strokeWeight(3);
21.   currentx = width / 2;
22.   currenty = height / 2;
23.   frameRate(320);
24. }
25. 
    
26. void draw(){
27.   fill(113,25,10,6);
28.  // background(#C95F45);
29.   rect(0, 0, width, height);
30.   
31.   drw(ne_x, ne_y, 30, 30);
32.   
33.   
34.   
35.  
36.   
37. }
38. 
    
39. void drw(float pozX, float pozY, int seg, int bub_we) {
40.   
41.   int Segments = seg;
42. 
    
43.   translate(width * noise(num+10), height * noise(num+50));
44.    
45.    rotate(10 * noise(num+10));
46.    num = num + 0.001;
47.   
48.    float x[] = new float[Segments];
49.    float y[] = new float[Segments];
50. 
    
51.   
52. 
    
53.   for (int i=0; i<Segments; i++) {
54. 
    
55.     float angle = float(i) / float(Segments) * TWO_PI+220;
56.     float distance = bub_we + 15 * noise(i, frameCount/60.0);  
57. 
    
58.     x[i] = pozX + sin(angle) * distance;
59.     y[i] = pozY + cos(angle) * distance;
60.   }
61.   
62.   
63.   /*ci_x = ci_x + move_x;
64.   ci_y = ci_y + move_y;*/
65.   
66.    if(ne_x > width){
67.   ne_x = width;
68.   move_x = -move_x;
69.   }
70.   
71.   if(ne_y > height){
72.   ne_y = height;
73.   move_y = -move_y;
74.   }
75.   
76.   if(ne_x < 0){
77.   ne_x = 0;
78.   move_x = -move_x;
79.   }
80.   
81.   if(ne_y < 0){
82.   ne_y = 0;
83.   move_y = -move_y;
84.   }
85.   
86.   //resetMatrix();
87. 
    
88.   beginShape();
89.   fill(#D3E2E5);
90. 
    
91.   for (int i=0; i<Segments+4; i++) {
92.     curveVertex(x[i % Segments], y[i % Segments]);
93.   }
94. 
    
95. 
    
96.   endShape();
97.   
98. }

i want 3 different shapes in 3 different possessions. but it gives me only one.