1. TimeLineMax _ Basic (Tweening Platform v11 )

1. TimeLineMax 상용방법
       
   # 쉽게 이해하기

TimeLineMax  는 프레임에 모션을 그린다는 생각보다
코딩 라인 순서에 따라 모션이 이루어지고 프레임에 모션을 추가하듯 코팅라인 사이사이에 추가하면 그대로 실행된다.

var timeline:TimelineLite = new TimelineLite();  &
var timeline:TimelineMax = new TimelineMax();
타임라인 라이트,맥스를 상속받아사용
메소드 "insert" 바로 실행
메소드 "append" 앞라인에서 실행되는것이 끝나면 실행
메소드 "appendMultiple" 트윈을 배열타입으로 묵어서
("TweenAlign.START" , "일정시간" ) 시작 시간에 간격을 두고실행
("TweenAlign.SEQUENCE" , "일정시간" ) 모션이 끝나는 시간에 각격을 두고실행

아래 소스 참고...

1) timeLineMax 실행.

1. package
2. {      
3.         import com.greensock.*;
4.         import com.greensock.easing.*;
5.         import flash.display.MovieClip;
6.        
7.         public class TimelineMaxSample extends MovieClip
8.         {
9.                
10.                 public var box0:MovieClip;
11.                 public var box1:MovieClip;
12.                 public var box2:MovieClip;
13.                
14.                 public function TimelineMaxSample()
15.                 {              
16.                         init();
17.                 }
18.                                
19.                 private function init():void
20.                 {
21.                         var timeline:TimelineLite = new TimelineLite();
22.                         timeline.insert(TweenMax.to(box0 , 0.5 , { y:"-100" } ));
23.                         timeline.insert(TweenMax.to(box1 , 0.5 , { y:"-100" } ));
24.                         timeline.insert(TweenMax.to(box2 , 0.5 , { y:"-100" } ));
25.                 }
26.                
27.         }
28.  
29. }
    

 * 동시에 실행

2) timeLineMax  순차적으로 실행.

1. package
2. {      
3.         import com.greensock.*;
4.         import com.greensock.easing.*;
5.         import flash.display.MovieClip;
6.        
7.         public class TimelineMaxSample extends MovieClip
8.         {
9.                
10.                 public var box0:MovieClip;
11.                 public var box1:MovieClip;
12.                 public var box2:MovieClip;
13.                
14.                 public function TimelineMaxSample()
15.                 {              
16.                         init();
17.                 }
18.                                
19.                 private function init():void
20.                 {
21.                         var timeline:TimelineLite = new TimelineLite();
22.                         timeline.append(TweenMax.to(box0 , 0.5 , { y:"-100" } ));
23.                         timeline.append(TweenMax.to(box1 , 0.5 , { y:"-100" } ));
24.                         timeline.append(TweenMax.to(box2 , 0.5 , { y:"-100" } ));
25.                 }
26.                
27.         }
28.  
29. }
    

* 순차적으로 모션인 끝나면 실행

3) timeLineMax  묵어서 실행

1. package
2. {      
3.         import com.greensock.*;
4.         import com.greensock.easing.*;
5.         import flash.display.MovieClip;
6.        
7.         public class TimelineMaxSample extends MovieClip
8.         {
9.                
10.                 public var box0:MovieClip;
11.                 public var box1:MovieClip;
12.                 public var box2:MovieClip;
13.                
14.                 public function TimelineMaxSample()
15.                 {              
16.                         init();
17.                 }
18.                                
19.                 private function init():void
20.                 {
21.                         var timeline:TimelineLite = new TimelineLite();
22.                         timeline.insert(TweenMax.to(box0 , 1.0 , { y:"-100" } ) );
23.                         timeline.append(TweenMax.to(box1 , 0.5 , { y:"-100" } ) ,  -0.5 );
24.                         timeline.append(TweenMax.to(box2 , 0.5 , { y:"-100" })  );
25.  
26.                        
27.                         timeline.appendMultiple([       TweenMax.to(box0 , 1.0 , { y:"100" } ),
28.                                                                                                 TweenMax.to(box1 , 1.0 , { y:"100" } ),
29.                                                                                                 TweenMax.to(box2 , 1.0 , { y:"100" } ),
30.                                                                                                 ], 1 ,
31.                                                                                                 TweenAlign.START , 0.2);
32.                 }
33.                
34.         }
35.  
36. }

 * 묵어서 실행