Repeating flicker

[kathryn.crawford 11 Likes (Newbie)]

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 8,599 Likes (Superhero)]

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 11 Likes (Newbie)]

D'oh!

[kathryn.crawford 11 Likes (Newbie)]

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 1,948 Likes (Superhero)]

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 11 Likes (Newbie)]

 

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 1,948 Likes (Superhero)]

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 .