두 개의 배열이 동시에 시작되도록하십시오

Question

두 개의 배열에 여러 개의 무비 클립이 있습니다. for 루프를 사용하여 timeline 객체의 첫 번째 배열을 성공적으로 삽입했습니다. 하지만 두 번째 배열에 대해 해킹을 수행 할 때 동시에 시작할 필요가 있다는 것을 깨달았습니다. 모든 배열은 x와 y에서 다른 대상을 가져야합니다.

배너 745x100 픽셀을 상상해보십시오. 여러 동영상 클립을 측면에서 일부 대상에 애니메이션으로 적용해야합니다.

코드 예 :

import com.greensock.*; 
import com.greensock.easing.*; 
import flash.display.MovieClip; 


var mainArray:Array = [amcMC, tantrumMC, blokMC, misMC, futMC, laoMC, cauMC, deepMC, plusMC, noMC, copMC ]; 
var therapyArray:Array = [kurtenMC, panacMC, dubMC, lowMC, dtoxMC, hunMC, mopMC, zenMC, hanMC, conMC ]; 

var timeline:TimelineMax = new TimelineMax({repeat:-1}); 

for(var key:String in mainArray){ 
    var mcMain:MovieClip = MovieClip(mainArray[key]); 
    timeline.append(TweenMax.from(mcMain,1 ,{x:-200 y: 40, scaleX:0.1, blurFilter:{blurX:20}, ease:Back.easeOut})); 
    timeline.append(TweenMax.to(mcMain,cas,{x:-200, y: 40, delay:1, blurFilter:{blurX:20}, ease:Back.easeOut})); 
} 

나는 제 2 어레이에 약간 다른 트윈을 적용하고 동시에 트리거 또는 작은 오프셋 할 필요가있다.

Answer 1

타이머와 함께 2 개의 TimelineMax 개체를 사용할 수 있습니다. 호출 될 때 두 번째 배열로 두 번째 TimelineMax를로드하는 타이머에 리스너를 추가합니다. 오프셋은 타이머 지연을 설정 한 값이됩니다.

Answer 2

insertMultiple을 사용하십시오. 이렇게하면 타임 라인의 같은 지점에 여러 개의 트윈을 추가 할 수 있습니다. 이 방법을 사용하기를 원한다면 동일한 지연으로 균등하게 간격을두기위한 설정을 사용할 수도 있습니다. greensock 워드 프로세서에서

var timeline:TimelineMax = new TimelineMax({repeat:2, yoyo:true, repeatDelay:1.5}); 
timeline.append(TweenLite.from(blackBar, 0.8, {x:550})); 
timeline.insertMultiple(TweenMax.allFrom([logo, timelineWord, maxWord, byGreenSock], 0.5, {autoAlpha:0}, 0.25), 0.6); 
timeline.insertMultiple(TweenMax.allFrom(lettersArray, 1, {y:"-30", alpha:0, ease:Elastic.easeOut}, 0.04), 1.4); 

:

insertMultiple()와 appendMultiple()는 트윈의 배열을 추가 할 수 있도록, 매우 강력한 시퀀싱 기능을 제공 여기

은 예입니다 ( {x : 100}]와 같은TweenLite/Max 인스턴스 또는 새로운 속기 구문을 사용하고 원하는 경우 SEQUENCE 또는 START 모드와 정렬 할 수도 있고 스 태거하기도합니다. 예를 들어, 자신의 시작 시간을 정렬하지만 0.2 초를 비틀, 타임 라인에 여기 문서에

하고 링크를 3 개 트윈을 삽입 : http://www.greensock.com/as/docs/tween/_timelinemax.html