flashactionscript-3flash-cs4tween

Move objects in an array producing a stadium wave effect in ActionScript


I want to move all objects in an array producing a stadium wave effect.

I want to move the objects based on their y-value on the stage. All my squares are of 50x50 in size. I want to move them up then move them down. Below is my code:

import fl.transitions.Tween; 
import fl.transitions.easing.*; 
import fl.transitions.TweenEvent; 

var t1:Timer = new Timer(100, 0); 
var index:int = 0; 
t1.addEventListener(TimerEvent.TIMER, ping); 
t1.start();
var array:Array = new Array();

addToArray();
function addToArray():void {
 for(var i=0; i<10; i++) {
  array[i] = new Sq();
  array[i].x = i*50 + 50;
  array[i].y = 100;
  addChild(array[i]);
 } 
}

function ping(e:TimerEvent) { 
 if(index < array.length){ 
  moveUp(array[index]);
  index ++; 
 } 
} 

function moveUp(sq:Sq):void{ 
    var tweenRight:Tween = new Tween(sq,"y",None.easeOut, sq.y, sq.y - 50, 1, true); 
    tweenRight.addEventListener(TweenEvent.MOTION_FINISH, moveDown); 
}

function moveDown(e:TweenEvent):void {
   //what to put here?
   //or this is not the right way to do this?
}

Solution

  • You need to grab the tweened object in moveDown function and apply motion tween (increase y).

    function moveDown(e:TweenEvent):void {
      var sq:Sq = Sq(e.target.obj);
      var tweenDown:Tween = new Tween(sq,"y",None.easeOut, sq.y, sq.y + 50, 1, true);
      if (Sq(e.target.obj) === array[array.length - 1]) {
        trace("this is the last tween down");
        tweenDown.addEventListener(TweenEvent.MOTION_FINISH, lastTweenFinish);
      }
    }
    function lastTweenFinish(e:TweenEvent):void {
      trace("DONE");
    }
    One more thing why are you using Timer t2 in moveUp function.