Repeating flicker

[kathryn.crawford]

I'm trying to create a flicker effect (eventually intended for some christmas light images) that will flicker the light off and on on repeat, and with a yoyo effect so there isn't a jump between opacity:1 and opacity:0 when the tween repeats. Right now, nothing is happening in my codepen and I'm not really sure where I went wrong!

See the Pen EVMMjM by kathryncrawford (@kathryncrawford) on CodePen.

[PointC]

switch this:

TimelineMax.to("#flicker", 2, {opacity: 0, ease:RoughEase.ease.config({strength: 0.3, points: 8, randomize: false}), repeat: -1, yoyo: true });

to this:

TweenMax.to("#flicker", 2, {opacity: 0, ease:RoughEase.ease.config({strength: 0.3, points: 8, randomize: false}), repeat: -1, yoyo: true });

and it works

[kathryn.crawford]

D'oh!

[kathryn.crawford]

Related question. If you set a rough ease to repeat, will it randomize each time? If not is there any way to do so? A loop perhaps?

[Diaco]

Hi kathryn.crawford 

 

Nope , for randomise tween pls try like this : 

 

var fFire=1 ;

function flicker(){
  if(!fFire)return false;
  TweenMax.to(obj,2,{ ..... ,onComplete:flicker});
};

flicker();

you can stop firing the function by setting fFire to 0 ;

 

See the Pen MaMQry by MAW (@MAW) on CodePen.

[kathryn.crawford]

 

Hi kathryn.crawford 

 

nope , for randomise tween pls try like this : 

 

var fFire=1 ;

function flicker(){
  if(!fFire)return false;
  TweenMax.to(obj,2,{ ..... ,onComplete:flicker});
};

flicker();

you can stop firing the function by setting fFire to 0 ;

 

See the Pen jbJoOq by MAW (@MAW) on CodePen.

 

Ah, I see what you did there. Thanks!

[Diaco]

with setting the repeat parameter tweens will repeats with exactly same Vars( includes ease ) , so you need to generate new tween again with above or another method .