cancel animationFrame?

Hi,

I have this bit of code:

render(){

    requestAnimationFrame(this.render.bind(this));

    this.tl
        .to(this.displacementFilter.scale, 1, { x: 75, ease: Power2.easeInOut })
        .to(this.displacementFilter.scale, 1, { x: 0, ease: Power2.easeInOut });

    this.renderer.render(this.stage);

}

I am using Greensock (GSAP) to tween the scale.x property of a filter, however, I just want this to be played once. So how can I render this, and cancel rAF when the tweening is done? Any tips?

[ghost]

Hi, You shouldn’t put your timeline tweens in the render loop, it will create a new tween 60 times a second! You just need to put the tween somewhere else where it’s only called once. Also, TweenLite provide an “onUpdate” callback that is called 60 times a second for the duration of the tween, so if you only want to render your scene while the scale is animated, you can put the above code in that callback.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.