Timer Control for Fade In / Out

Programming Questions

stavrosdee

Timer Control for Fade In / Out

in Programming Questions • 2 years ago

Hello to all,

I am trying to create a sketch that does the following:

1) In the first mouse click the shape fades in, and remains with full opacity

2) In the second mouse click the shape fades out and remains with no opacity

I have written the following code but there are a few problems with it. Also Im not sure if this is the right way to do this.

Thank you for your help.

float fade = 0;
int passedTime = 0;
boolean boolFade = false;
void setup(){
size(200,200);
}
void draw(){
background(0);
rectFade();
}
void mousePressed(){
boolFade = !boolFade;
}
void rectFade(){
if (boolFade==true) {
passedTime = passedTime + 1;
if (passedTime > 0) {
fade = map(passedTime, 0, 20, 0, 255);
fill(255, fade);
rect (50,50,100,100);
}
} else {
passedTime = 0;
boolFade = !boolFade;
}
}

Replies(2)

PhiLho

Re: Timer Control for Fade In / Out

2 years ago

float fade;
int passedTime;
int maxTime = 50;
boolean boolFade;
boolean bFadeIn;
void setup() {
size(200, 200);
// frameRate(10);
}
void draw() {
background(0);
rectFade();
}
void mousePressed() {
boolFade = true;
bFadeIn = !bFadeIn;
}
void rectFade() {
if (boolFade) {
passedTime++;
if (bFadeIn) {
fade = map(passedTime, 0, maxTime, 0, 255);
} else {
fade = map(maxTime - passedTime, 0, maxTime, 0, 255);
}
// println(bFadeIn + " " + passedTime + " " + fade);
if (fade > 254 || fade < 1) {
boolFade = false;
passedTime = 0;
}
}
fill(255, fade);
rect(50, 50, 100, 100);
}

You needed another boolean to keep the fade direction.

zombience

Re: Timer Control for Fade In / Out

1 year ago

Hello, I tried to modify this sketch such that mouse movement triggers a fade in to a maximum fade, either continues fading in or stays at maximum as long as there is mouse input. without mouse input, it would fade out after max is reached.

I've been flailing at this problem for a while now, in several different ways. I'd appreciate help. Thank you!

boolean movement = false;
float mvmt;
int fade = 3000;
Timer timer;
int val = 50;
Fade fader;
void setup() {
size(200,200);
background(0);
fader = new Fade(fade, val);
}
void draw() {
background(0);
noStroke();
mouseDetect();
fader.setBool(movement);
fader.boolFade();
println(movement + " movement " + fader.fadeIn + " fade boolean " );
println(fader.getCurrentFade());
ellipse(20, 20, fader.getCurrentFade(), fader.getCurrentFade());
}
void mouseDetect(){
float mvmt = abs(pmouseX - mouseX);
if (mvmt > 0){
movement = movement || true;
}else{
movement = false;
}
}
class Fade {
boolean fadeIn = true;
int passedTime;
int fadeTime;
int maxTime;
float currentFade;
float targetVal;
Fade(int _fadeTime, float _targetVal){
fadeTime = _fadeTime;
targetVal = _targetVal;
}
void setBool( boolean _fadeIn){
fadeIn = fadeIn;
}
void boolFade(){
passedTime++;
if(fadeIn){
currentFade = map(passedTime, 0, maxTime, 0, targetVal);
}else{
currentFade = map(maxTime - passedTime, 0, maxTime, 0, targetVal);
}
if (currentFade > targetVal || currentFade < 1){
//fadeIn = false;
passedTime = 0;
}// end if fading
}//end boolFade
float getCurrentFade(){
return currentFade;
}
}//end fade class

/*
Please forgive my ignorance. I only know what I've already learned, and this world is a lot bigger than that.
*/

Top Reply