flashing colors-why?

Programming Questions

jenny.benz

in Programming Questions • 1 years ago

hi,

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

Button[] buttons= new Button[50];
void setup() {
size(500, 500);
background(175);
for (int i=0;i<buttons.length;i++) {
buttons[i]= new Button(random(0, width), random (0, height), random(0, 50), color(255));
}
}
void draw() {
for (int i=0;i<buttons.length;i++) {
buttons[i].display();
buttons[i].rollOver(mouseX, mouseY);
}
}
class Button {
float x;
float y;
float radius;
color c;
boolean clicked=false;
Button(float _x, float _y, float _radius, color _c) {
x=_x;
y=_y;
radius=_radius;
c=_c;
}
void rollOver(int mx, int my) {
if (sqrt(sq(mouseX-x)+sq(mouseY-y))<=radius&&mousePressed ) {
clicked= true;
}
}
void display() {
if (clicked) {
// fill(255,0,0);
fill (random (0, 175));
}
else {
fill(c);
}
ellipse(x, y, radius, radius);
}
}

Replies(1)

jbum

Re: flashing colors-why?

1 years ago

In your main draw function, you are calling the display function for each of your buttons.

The main draw function is contantly being called (up to the current frame rate, which defaults to 60 frames a sec).

So each of your buttons 'display' function is continuously getting called, over and over.

Let's say you click a button. The 'rollover' function you made detects it, and sets the button's 'click' property to true.

Next time you redraw the button, it notices it's clicked, and uses a random color.

But then you redraw it again, and again, and again, and each time, you notice that it's clicked, and you use

a random color. So it flashes.

The way to avoid this is to assign the random color inside your 'rollover', just one time. Then, in the display method, you use the current color. Here's one way to do it:

void rollOver(int mx, int my) {
if (sqrt(sq(mouseX-x)+sq(mouseY-y))<=radius&&mousePressed ) {
clicked= true;
c = color(random(0,175));
}
}
void display() {
fill(c);
ellipse(x, y, radius, radius);
}

I can see that as soon as you fix the flashing problem, you're going to ask why multiple circles are being filled sometimes. It's because you are clicking points that overlap multiple circles. To avoid this, you will likely have to change the way you detect which circle is clicked.

Top Reply