TweenLite 더하기 위해, 천천히 움직이는 클래스 패키지, 강력하고 사용하기 쉬운 (가난한 E 텍스트, 초보자의) 친구, 그것은 본인 문서 TweenLite 클래스 문서를 번역, 주요 그것을 이해하고 사용하는 매개 변수에 대한 설명, 우리는 도움이되고 싶어요.
ACTIONSCRIPT 언어 버전 : 3.0 (AS2의도 버전 사용 가능) 업데이트 등 문서를 참조하십시오 :
http://www.tweenlite.com/
http://www.greensock.com/tweenlite/
TweenMax 매개 변수
TweenLiteFilter 매개 변수 설명
설명 :
완화. 우리는하고 있습니다. 우리의 대부분은. 각각의 엔진은 자신의 장점과 단점이 있습니다 어도비의 Tween 클래스에 추가 (예 : 왕따 자식 등) 많은 더 나은 애니메이션 엔진 있다는 것을 알고있다.
최근 몇 년 동안, 위해 (내가 다른 파일 크기에 의한 엔진의 부담을 받아 들일 수 없다)을보다 소형, 빠른 실행, 더 효율적인 엔진, 나는 TweenLite를 만들어 얻을 수 있습니다. 그것은을 신속로 모든 내 작품. 나는 우리가 결국 혜택을 누릴 수 있도록, 내가 그것을 게시 할 것, 다른 사람에게 말했다. 지난 몇 년 동안, 내 상상을 넘어서는, 점점 인기 TweenLite.
이를 바탕으로, 나 또한 몇 가지 새로운 기능을 추가하고, 파일의 크기를 유지하려고, 그것은 3K 미만입니다.
TweenFilterLite TweenLite 확장 및 채도, 콘트라스트, 휘도 향상, 색조도 컬러와 같은 일부 적용하여 ColorMatrixFilter 포함 이징 필터를 결합하지만, 파일 크기는 3K 이하를 갖는다. 그리고 TweenLite는 유사한 패키지 클래스 버전 AS2와 AS3 버전을 다운로드 제공 연습.
TweenFilterLite보다 TweenMax 등등 베 지어 완화, 일시 정지 / 다시 시작, 실행 순서 등을 포함한 더 많은 기능을 추가합니다. (www.TweenMax.com 참조)
나는 당신이 생각할 수있는 생각 "이, 그때는 많은 기능을 잃게됩니다 '경량'인 경우, 그래서 나는 조금 걱정하는 시간을 사용했다." 다른 엔진의 효과의 일부를 완화의 부족이 포함 된 곳이 아이디어는 바로,하지만 나는 (많은 수상 경력 플래시 프로그램과 500 프로젝트)를 작동 지난 몇 년 동안, 확실하게 말할 수 있고, 나는 거의 그것을 사용하고 있고, 그것은 나를 실망시키지 않았다.
나는 정말 다른 기능을 필요로하지 않았다 발견했다. 당신은 내장 된 지연 시간, 콜백 함수 및 전달이 콜백 매개 변수를 (한 DisplayObject 객체의 볼륨 및 색상 포함) 속성의 기능을 완화 할 수 있으며, 심지어 배열 완화에 따라, 모두는 단 한 줄의 코드 만 완료 . 당신이 더 많은 효과를해야하는 경우에 사용하는 TweenFilterLite 또는 TweenMax를 설치할 수 있습니다.
나는 이것보다 엔진 빨리 발견 적이 없다. 다른 엔진의 효율성을 비교, http://blog.greensock.com/tweeing-speed-test/를 방문하십시오.
TweenLite 매개 변수 :
$ 대상 : 개체 - 대상체 또는 다른 목적 영화 클립
$ 시간 : 수 - 모션의 시간의 길이 (단위 : 초)
$ VARS : 객체 - 객체는 완화 다양한 특성에 대한 매개 변수를 저장하는 특성 값 . (매개 변수가 초기 값을 완화 나타냅니다 당신이 TweenLite.from를 사용하는 경우 () 메소드는)
개체의 속성이 있습니다 :
알파 : (TweenLite.from은 () 할 때 또는 시작) 투명성의 수준 조그가 실행될 때 target.alpha 1, 당신은 0.5에 대한 매개 변수를 지정하면, 그것은에서 투명성 것이다 알파 대상은 완료되어야한다. 1 0.5 여유.
. X : (가 TweenLite.from ()이 값은 시작 위치를 나타내고 사용하는 경우) 영화 클립의 X 위치 변경하면 원하는 최종 위치 영화 클립이 값을 설정
(는, scaleX scaleY를 추천 Y 로테이션 속성은 반복되지 않을 것이다)
특별한 속성 (선택 사항) :
지연 :. 수 - (초) 지연을 완화
난이도 기능 - 기능 fl.motion.easing.Elastic.easeOut 기능, 예컨대 완화. 기본값은 Regular.easeOut 기능입니다.
easeParams : 어레이 - 화학식 탄성 식을 사용시 필요한 추가 데이터를 저장하기위한 시간 여유는 완화 증폭 율 등의 추가적인 파라미터를 제어하고 싶다. 여유 식의 대부분은 매개 변수입니다, 그래서 당신은 추가 여유 수식의 매개 변수를 전달할 필요가 없습니다.
autoAlpha : 수 - 대체 사용 알파 특성을 얻을 수 더하기 느린 이동과 같은 부작용 0의 알파 값 false로 자동 표시 속성. 0보다 큰 autoAlpha, 그것은 눈에 보이는 속성이 true 될 것입니다 시작, 전에 완화합니다.
볼 : 부울 - 완화의 끝에서의 DisplayObject는 visible 속성을 할당이 매개 변수를 사용하고 싶습니다.
체적 - 번호의 soundTransform에 (영화 클립 /의 SoundChannel / NetStream을 등)의 목적은 천천히 움직이는 부피 (볼륨) 특성
, 때 천천히 움직이는 단부 진수 색상 값을 제공하는 색을 변경 한 후으로 DisplayObject - : 번호 색조 타겟 오브젝트 (대상 물체의 색을 나타내는 값이 느린 시작 () TweenLite.from를 사용하는 경우) 컬러로 변경된다. 0xFF0000이고 예를 들어, 컬러 값으로 설정 될 수있다.
removeTint : 부울 -의 DisplayObject이 매개 변수를 true로 설정됩니다, 색상을 제거합니다.
프레임 : 번호 - 동영상 클립의 완화는 프레임 속도를 나타냅니다.
ONSTART : 기능 - 당신은 완화의 시작 부분에서 기능을 수행하려면, 여기 넣어 참조 기능 (함수의 일반적 이름)입니다. 밴드 완화가 지연 될 경우 함수의 시작이 실행되지 않습니다하기 전에, 다음 완화.
onStartParams : 어레이 - 함수는 패스 완화 파라미터의 시작에서 수행된다. (선택 사항)
의 onUpdate : - 기능 (각 프레임의 시작은 한 번 트리거 후 느린) 과정을 완화은, 여기에 각 업데이트를 지정된 함수를 호출
(의 onUpdate 매개 변수가 매개 변수를 전달하는 기능을 지정 - : 배열 onUpdateParams ) 옵션은
onComplete를 : 기능 - 완화의 경우 끝을 실행하는 기능.
onCompleteParams : 어레이 - onComplete를 파라미터 (선택적) 매개 변수를 전달하는 기능을 지정
지속 : 부울 - 값에 해당하는, TweenLite 인스턴스 자동 가비지 수집기 려하는 시스템 일 수 없다. . 새로운 완화가 발생하면, 그것은 여전히 다시 작성됩니다 (덮어 쓰기) 기본값은 false입니다
당신이 TweenFilterLite.from ()의 완화와 지연을 사용하고, 렌더링의 완화를 방지하기 위해 경우 (렌더링 - 부울 : RenderOnStart 완화 정말 시작할 때까지) 효과는,이 값은 true로 설정됩니다. 기본 값이 false, 아직 전에 도착하지 않은 경우에도 지연 시간 동안, 렌더링이 즉시 실행합니다.
덮어 : INT - 기타 완화 생성 후의 전류 완화의 선택적 파라미터 값이 파라미터는 동일한 개체에 작용에 의해 제한 될 수있다 :
0 (없음) : 더 완화가 다시 작성되지 않습니다. 이 모드에서 속도가 가장 빠른이지만, 일부 제어 달리 이러한 갈등의 완화 효과가 발생할 것입니다, 완화 동일한 속성을 생성하지 않도록 있습니다.
1 (전체) : (이 OverwriteManager.init하지 않는 한 (), 기본값
호출 된) 같은 개체에 대해 완전히 덮어 될 것입니다 만든 모든 용이성.
TweenLite.to (MC ,. 1, {X : 100, Y : 200})
TweenLite.to (MC ,. 1, {X : 300, 지연 2}) // 생성 이전에 덮어 쓰기 후의 완화 완화 생성 (예 : 역할을 할 수있다 : 새로운 완화 번역기의 참고의 구현을 통해 중간 중단했다 완화)
- 2 (자동) : OverwriteManager.init ()가 실행될 때 (에 기반 속성 만 완화 동일한 덮개의 특정 속성 값)을 선택.
TweenLite.to (MC ,. 1, {X : 100, Y : 200})
TweenLite.to (MC ,. 1, X {300}) 만 // "X"속성이 완화 덮어한다
(--3을 동시에) : 시작 인칭 때, 완화 모두를 커버한다.
TweenLite.to (MC ,. 1, {X : 100, Y : 200})
TweenLite.to (MC ,. 1, {X : 300, 지연 2});? // 때문에, 이전 여유를 덮어 쓰지 매 2 완화는 최초의 완화가 끝난 시작했다.
예 :
영화 클립 인스턴스라는는 clip_mc 투명성은 50 % (0.5)로 감소하고, 다음으로는, 체적이 1.5 초 총 느린 시간을 0으로 X 축 위치 (120)로 이동한다 :
수입 gs.TweenLite;
TweenLite.to (는 clip_mc 1.5 {알파 : 0.5 X : 120, 부피 : 0});
만약 5에서 더 상세 완화 기능을 할 경우, α-0.5로 변경하고 'easeOutBack "탄성 기능을 사용하여, (120)로 이동하여 X 발생 2초의 전체 지연을 완화 때 느리게 움직이는 단"의 구현 onFinishTween 다음 "함수 및 여러 파라미터들의 함수 (기준값과는 clip_mc 5)에 전달한다 :
수입 gs.TweenLite;
수입 fl.motion.easing.Back;
TweenLite.to (는 clip_mc 5 {알파 : 0.5 X 120, 난이도 Back.easeOut 지연 : 2의 onComplete : onFinishTween, onCompleteParams [5는 clip_mc]});
기능 onFinishTween (인수 1 : 수, 인수 2 : 무비 클립) : 무효 {
트레이스 (+ 인수 1 + "! 트윈는 인수 1 = 완료" "및 인수 2 ="+ 인수 2);
}
당신이 끝 위치에 정지 된 무대에서 동영상 클립이있는 경우, 당신은 단지 5 초 동안 다시이 위치에 그것을 먹고 싶어, (Y에만 100 개 픽셀의 현재 위치보다 더 높은 위치 속성을 변경하는 데에서 필요한 이 소재), TweenLite.from 번역기의 참고를 사용하여 (이 시간)을 다음과 같이 :
수입 gs.TweenLite;
수입 fl.motion.easing.Elastic;
TweenLite.from (는 clip_mc 5 {예 : "- 100"난이도 Elastic.easeOut});
설명 :
TweenLite 클래스는 Flash 파일 크기가 증가 된 3킬로바이트를 만들 것입니다.
동작에 대응하는 지정된 속성을 나타내는 파라미터 값을 지수. 예를 들어, TweenLite.to (MC, 2, {(X) 사용 - "20"}) 가 좌측으로 20 개 화소 이동 mc.x 및 코드 동일한 효과이다 TweenLite.to (MC, 2, { (X) : mc.x - 20});
다른 완화 기능 여유 함수를 기본 TweenLite 대체 할 수 있습니다. Regular.easeOut가
) 플래시 플레이어 9 또는 플레이어 (ActionScript 3.0의 최신 버전을 사용해야은
어떤 무비 클립 "을 사용할 수 있습니다 볼륨 "에, 예를 들면, 완화 : TweenLite.to (myClip_mc, 1.5, { ; 볼륨 0})
: TweenLite.to (myClip_mc 1.5 {같은 색조"매개 변수를 사용하여 컬러 영화 클립으로 설정 될 수있다 " 색조 : 0xFF0000이고})
콘텐츠 배열을 느리게 이동하려면, 상기 배열 값들은 예를 들면라는 endArray에 배치 될 수있다 :
VAR을에서 myArray : 배열 = [1,2,3,4]
TweenLite.to합니다 (myArray의 1.5은 {endArray는 [10,20,30,40는 ]})
함수; 완화 TweenLite.killTweensOf (myClip_mc)를 이용하여 언제나 종료 될 수있다. 당신이 강제 종료 이동 속도를하려는 경우, 이러한 사실 두 번째 매개 변수로 전달 될 수
TweenLite.killTweensOf (myClip_mc, TRUE);
이 함수는 콜백 함수의 우선 순위를 제어하는 데 사용될 수있다 TweenLite.killDelayedCallsTo (myFunction_func)와, 지연 콜백 함수를 제거한다.
TweenLite.from () 메소드를 사용하여, 당신은 다른 위치에서 현재의 위치로 다시 개체를 사용할 수 있습니다. 예를 들어, 무대와 깔끔한 (끝 완화 위치)에 물건을 올려 다음 천천히 이동을 사용하므로, 당신은 X 또는 Y 또는 알파의 초기 위치 값을 완화 할 수있다 그 위치를 갔다 (또는 수 이 방법 함수에 전달되는 매개 변수로 다른 속성)가 필요합니다.
TweenLite 다운로드 링크 :
(AS3 버전) http://www.greensock.com/as/greensock-as3.zip
합니다 (AS2 버전) http://www.greensock.com/as/greensock-as2.zip
다운로드 한 패키지 클래스,이 TweenLiteAS3_Sample_1.swf은 초보자는 코드 실행을 여유의 다양한 효과와 직접 관련을 관찰하는 데 사용할 수있다. 시각화 도구 디자인으로 간주 놓치지 마세요.
패키지의 디렉토리에 압축을 풀고, 클래스에 다운로드 한 후 같은과 같이 D :의 FLASH9에서 \의 AS3Class, 환경 설정 -> ActionScript-> ActionScript3.0 설정은 클래스 디렉토리를 추가, D : \ AS3Class \ TweenLiteAS3는 관련에 대한 참조를 해결하기 위해 클래스입니다.
적용 예 :
수입 gs.TweenLite;
gs.easing을 가져옵니다. *;
stage.addEventListener (MouseEvent.CLICK, onCK);
함수 onCK (EVT) {공극
TweenLite.to (MC, 0.5, {X : mouseX, Y : 쥐의 회전 : 360});
}
엠씨 요소 회전을하자 마우스 위치에 실행되는 단계를 클릭합니다.