play pause buttons - mousePressed

Programming Questions

gmellocmr

play pause buttons - mousePressed

in Programming Questions • 6 months ago

Hey,
I'm trying to make play/pause buttons... I used this example: http://processing.org/learning/topics/button.html
In my program, one is a play button and the other is a pause button.
I tried to use noLoop() and loop() commands... I'm able to pause the program using noLoop(), but then the play button doesn't work...
The function is based on the mouse position, so when i call the noLoop() command, the position stops being updated, because the draw() function is no longer on loop, and i can't call the loop() command...
Does someone have any idea for this problem?
Thanks

Replies(4)

GoToLoop

Re: play pause buttons - mousePressed

6 months ago

You should post your attempt so we can have a better idea on how you wanna reach your goal.

Functions noLoop() & loop() should be inside event functions like mousePressed(), keyPressed(), etc.
B/c they are called even when noLoop() is active! That is, noLoop() affects draw() only!

gmellocmr

Re: play pause buttons - mousePressed

6 months ago

Here's a complete, but simple, program with the basic idea of what i was trying to do:

float x = 50;
float y = 50;
float directionX = 1;
float directionY = 1;
boolean playOver = false;
boolean pauseOver = false;
void setup() {
size(400, 300);
noStroke();
}
void draw() {
background(0);
x += 3 * directionX;
y += 3 * directionY;
if (x > width-15 || x < 15) {
directionX = -directionX;
}
if (y > height-15 || y < 15) {
directionY = -directionY;
}
fill(255, 150);
ellipse(x, y, 15, 15);
update(mouseX, mouseY);
fill(0, 255, 0);
ellipse(100, 150, 75, 75);
fill(255, 0, 0);
ellipse(300, 150, 75, 75);
}
void update (float x, float y) {
if( overPlay(100, 150, 75) ) {
playOver = true;
pauseOver = false;
} else if( overPause(300, 150, 75) ) {
pauseOver = true;
playOver = false;
} else {
playOver = pauseOver = false;
}
}
void mousePressed() {
if(pauseOver) {
noLoop();
}
if(playOver) {
loop();
}
}
boolean overPlay(float x, float y, float diameter) {
float disX = x - mouseX;
float disY = y - mouseY;
if (sqrt(sq(disX) + sq(disY)) < diameter/2) {
return true;
} else {
return false;
}
}
boolean overPause(float x, float y, float diameter) {
float disX = x - mouseX;
float disY = y - mouseY;
if (sqrt(sq(disX) + sq(disY)) < diameter/2) {
return true;
} else {
return false;
}
}

gmellocmr

Re: Re: play pause buttons - mousePressed

6 months ago

GoToLoop, i just got it what you meant with your reply!!
Now i undertand how noLoop() works...
Thank you ^^

GoToLoop

Re: play pause buttons - mousePressed

6 months ago

Nice it worked! Just to let you know, Processing has an internal boolean variable -> looping
which stores current state of draw() loop!

void mousePressed() {
  if (looping)    noLoop();
  else            loop();
}

Top Reply