the  'originalSize' function is meant to return circle to original size when its double clicked again:  

it isn't working though..any ideas why?

2. Button[] buttons = new Button[60];
3. boolean somethingSelected = false;
4. 
   
5. void setup() {
6.   size(800, 300);
7.   smooth();
8.   for (int i = 0; i < buttons.length; i++) {
9.     buttons[i]= new Button(random(width), random(height), random(20, 80), color(random(255), random(255), random(255), 100), 0.5);
10.   }
11. }
12. 
    
13. void draw() {
14.   background(85);
15.   for (int i = 0; i < buttons.length; i++) {
16.     buttons[i].display();
17.   }
18. }
19. 
    
20. void mousePressed() {
21.   somethingSelected = false;
22.   for (int i = 0; i < buttons.length; i++) {
23.     buttons[i].rollOver();
24.     buttons[i].doubleclick();
25.     buttons[i].originalSize();
26.   }
27. }
28. void mouseDragged() {
29.   for (int i = 0; i < buttons.length; i++) buttons[i].bDragged();
30. }
31. 
    
32. void mouseReleased() {
33.   for (int i = 0; i < buttons.length; i++) buttons[i].bReleased();
34. }
35. 
    
36. class Button {
37.   float x;
38.   float y;
39.   float rad;
40.   color c;
41.   float s;
42.   boolean click = false;
43.   boolean drag = true;
44.   boolean dclick=false;
45.   boolean originalSize=false;
46. 
    
47. 
    
48.   Button(float _x, float _y, float _radius, color _c, float _s) {
49.     x=_x;
50.     y=_y;
51.     rad=_radius;
52.     c=_c;
53.     s=_s;
54.   }
55. 
    
56.   void display() {
57.     if (click) {
58.       fill (255, 0, 0); 
59.       strokeWeight(3);
60.     }
61.     else {
62.       fill(c);
63.       strokeWeight(s);
64.     }
65.     ellipse (x, y, rad, rad);
66.     rad= constrain(rad, rad, rad*2);
67.   }
68. 
    
69. 
    
70.   void rollOver() {
71.     if (sqrt(sq(mouseX-x)+sq(mouseY-y)) <= rad/2 && somethingSelected == false) {
72.       click = true;
73.       drag = true;
74.     }
75.   }
76.   void doubleclick() {
77.     if (sqrt(sq(mouseX-x)+sq(mouseY-y)) <= rad/2 && somethingSelected == false&&mouseEvent.getClickCount()==2) {
78.       rad=rad*2;
79.       //rad= constrain(rad,rad,rad*2);
80.     }
81.   }
82.   void originalSize() {
83.     if (sqrt(sq(mouseX-x)+sq(mouseY-y)) <= rad/2 && somethingSelected == false&& key=='r'&& dclick==true )
84. 
    
85.     {
86.       println ("half");
87.       rad=rad/2;
88.     }
89.   }
90. 
    
91.   void bDragged() {
92.     if (drag) {
93.       x = mouseX;
94.       y = mouseY;
95.     }
96.   }
97.   void bReleased() {
98.     click = false;
99.     drag = false;
100.   }
101. }
102. 
     

2. 
   
3. Button[] buttons= new Button[20];
4. 
   
5. void setup() {
6.   size(500, 500);
7.   smooth();
8.   for (int i=0; i<buttons.length;i++) {
9.     buttons[i]= new Button(random(width), random(height), random (20, 80), color(random(255), random (255), random(255)));
10.   }
11. }
12. void draw() {
13.   background(255);
14.   for (int i=0; i<buttons.length;i++) {
15. 
    
16.     buttons[i].display();
17.   }
18. }
19. void mousePressed() {
20.   for (int i=0; i<buttons.length;i++) {
21. 
    
22.     buttons[i].rollOver();
23.   }
24. }
25. void mouseDragged() {
26.   for (int i=0; i<buttons.length;i++) {
27. 
    
28.     buttons[i].mouseDragged();
29.   }
30. }
31. void mouseReleased() {
32. 
    
33.   for (int i=0; i<buttons.length;i++) {
34. 
    
35.     buttons[i].mouseReleased();
36.   }
37. }
38. 
    
39. 
    
40. class Button {
41.   float x;
42.   float y;
43.   float radius;
44.   color c;
45.   boolean click=false;
46.   boolean drag= true;
47.   Button(float _x, float _y, float _radius, color _c) {
48.     x=_x;
49.     y=_y;
50.     radius=_radius;
51.     c=_c;
52.   }
53.   void display() {
54.     if (click) {
55.       fill (255, 0, 0);
56.     }
57.     else {
58.       fill(c);
59.     }
60.     ellipse (x, y, radius, radius);
61.   }
62.   void rollOver() {
63.     if (sqrt(sq(mouseX-x)+sq(mouseY-y))<=radius&&mousePressed ) {
64.       click=!click;
65.       drag=!drag;
66.     }
67.   }
68. 
    
69.   void mouseDragged() {
70.     if (drag) {
71.       x=mouseX;
72.       y=mouseY;
73.     }
74.   }
75.   void mouseReleased() {
76.     drag=false;
77.   }
78. }

click ellipse once it turns from blue to red; how can i make it so another click makes it go back to blue again? (sorry, insert code function not working...)

 

Button buttons;
Button buttons1;

void setup() {
  size(500, 500);
  smooth();
  buttons= new Button(50, 100, random (20, 80), color(0, 0, 255));
  buttons1= new Button(80, 180, random (20, 80), color(0, 0, 255));
}
void draw() {
  buttons.display();
  buttons1.display();
  buttons.rollOver();
  buttons1.rollOver();
}

class Button {
  float x;
  float y;
  float radius;
  color c;
  boolean click=false;

  Button(float _x, float _y, float _radius, color _c) {
    x=_x;
    y=_y;
    radius=_radius;
    c=_c;
  }

  void display() {
    if (click) {
      fill (255, 0, 0);
    }
    else {
      fill(c);
    }
    ellipse (x, y, radius, radius);
  }

  void rollOver() {
    if (sqrt(sq(mouseX-x)+sq(mouseY-y))<=radius&&mousePressed ) {
      click=true;
    }
  }
}

how come the colors are flashing once a circle has been clicked-i wan them to just to stay on one random color..

2. Button[] buttons= new Button[50];
3. 
   
4. void setup() {
5.   size(500, 500);
6.   background(175);
7.   for (int i=0;i<buttons.length;i++) {
8.     buttons[i]= new Button(random(0, width), random (0, height), random(0, 50), color(255));
9.   }
10. }
11. void draw() {
12.   for (int i=0;i<buttons.length;i++) {
13.     buttons[i].display();
14.     buttons[i].rollOver(mouseX, mouseY);
15.   }
16. }
17. class Button {
18.   float x;
19.   float y;
20.   float radius;
21.   color c;
22.   boolean clicked=false;
23. 
    
24.   Button(float _x, float _y, float _radius, color _c) {
25.     x=_x;
26.     y=_y;
27.     radius=_radius;
28.     c=_c;
29.   }
30. 
    
31.   void rollOver(int mx, int my) {
32.     if (sqrt(sq(mouseX-x)+sq(mouseY-y))<=radius&&mousePressed ) {
33.       clicked= true;
34.     }
35.   }
36. 
    
37.   void display() {
38.     if (clicked) {
39.       // fill(255,0,0);
40.       fill (random (0, 175));
41.     }
42.     else {
43.       fill(c);
44.     }
45. 
    
46.     ellipse(x, y, radius, radius);
47.   }
48. }
49. 
    

how come the circle don't fade to noFill  when you move the mouse from the rect?!?

2. 
   
3. int x=50;
4. int y= 50;
5. int w=50;
6. int h=50;
7. float r=50;
8. float g=0;
9. float b=0;
10. float t=0;
11. void setup() {
12.   //background(175);
13.   smooth();
14.   size(200, 200);
15. }
16. 
    
17. void draw() {
18.   strokeWeight(1);
19.   fill (255);
20.   rect(x, y, w, h);
21.   if (mouseX > x &&mouseX < x+w && mouseY> y&& mouseY<y+h) {
22.     r=r+10;
23.     t=t+10;
24.     fill(r, g, b, t);
25.   }
26.   else {
27.     r=r-1;
28.     t=t-8;
29.     fill(r, g, b, t);
30.     // fill(255,255);
31.   }
32. 
    
33. 
    
34.   strokeWeight(3);
35. 
    
36. 
    
37.   ellipse(x, y, w, h);
38. 
    
39.   r= constrain(r, 0, 255);
40.   t= constrain(t, 0, 255);
41. }
42. 
    

How do i use HSB and RGB color modes at same time so i can make the background semi transparent?

 

 

moving an object in a rectangle is easy as it uses x and y axis for mouse position. How do you move a shape within an ellipse or arc (i.e. moving hands on a clock or segments within a pie chart etc)?

2. void setup() {
3.   size(500, 500);
4.   smooth();
5.   noStroke();
6. }
7. 
   
8. void draw() {
9.   background (255);
10.   fill (0, 0, 255);
11.   ellipse(mouseX, mouseY, 50, 50);
12. 
    
13.   if (mouseButton==LEFT) {
14.     ellipse(mouseX, mouseY, mouseX, mouseY);
15.   }
16. }