TweenMax new value on yoyo / repeat

[phillip_vale 3 Likes (Newbie)]

Hi all,

 

I am relatively new to Greensock and thought I was going well but have hit a small challenge.

I am trying animate the effect of a volume equalizer going up and down.

 

To keep it looking as natural as possible i wanted to vary the heights that the levels rise to.

However, when I run the below code it picks the last number that the function generates and then doesn't 'refresh' a new value when the loop repeats. Is there a way to call randomRange everytime the tween repeats?

 

function randomRange(min:Number, max:Number):Number {
    var randomNum:Number = Math.floor(Math.random() * (max - min + 1)) + min;
    return randomNum;
}
for (var i = 0; i < 1; i++) {
    var n:Number = randomRange(-27, -72) // Audio levels between these 2 numbers.
    trace(n);
}


TweenMax.to(Object(this).main.window1.shade, .2, {_y:n, yoyo:true, repeat:-1, delay:.2});
TweenMax.to(Object(this).main.window2.shade, .2, {_y:n, yoyo:true, repeat:-1, delay:.3});
TweenMax.to(Object(this).main.window3.shade, .2, {_y:n, yoyo:true, repeat:-1, delay:.4});

Thanks for any help that is given,

 

Phil

 

[Carl 11,156 Likes (Superhero)]

I think the best thing to do is just create new tweens each time the animation repeats

 

Here is an HTML5 demo but the AS3 syntax will be nearly identical

 

function animate(obj) {
  TweenMax.to(obj, 0.5, {x: Math.random() * 500, repeat:1, yoyo:true, onComplete:animate, onCompleteParams:[obj]})
}


animate("#redBox"); //in AS3 use DisplayObject
animate("#blueBox");

 

http://codepen.io/GreenSock/pen/NqaZvM?editors=001