a Simple Tween help

[johneebee]

I just want to click on one button to move a bar from the bottom then click again to slide back down. It will have animation that constantly runs and I need the user to see it and hide it when they want. Its text that syncs with the main timeline.

 

Any help?

 

Johnee Bee

[Carl]

import com.greensock.*;
import flash.events.MouseEvent;

btn.addEventListener(MouseEvent.CLICK, toggleUpDown);

//create a tween that moves the bar up
//this tween is paused and reversed

var upTween:TweenMax= TweenMax.to(bar, 2, {y:0, paused:true, reversed:true});

//function that changes the direction of the tween and resumes it
//since the tween is reversed by default, clicking the btn the first time plays it forward

function toggleUpDown(e:MouseEvent):void{

       upTween.reversed = !upTween.reversed;

upTween.resume();
}

 

this tutorial here: http://www.snorkl.tv/2011/08/peacock-ch ... melinemax/

discusses this technique in the context of a TimelineMax but the main principles apply to single TweenMax tweens as well.

 

cs4 files attached