Tween 클래스
Tween 클래스를 사용하면 스테이지에서 무비 클립을 쉽게 이동하고 크기를 조절하며 페이드 인/아웃 효과를 적용할 수 있습니다.
mx.transitions.Tween 클래스의 생성자는 다음과 같은 매개 변수 이름 및 유형을 갖고 있습니다.
function Tween(obj, prop, func, begin, finish, duration, useSeconds) {
// 코드 ...
}
obj Tween 인스턴스에서 대상으로 지정하는 무비 클립 객체입니다.
prop 값이 트위닝될 obj의 속성 문자열 이름입니다.
func 트위닝되는 객체의 속성 값에 대한 여유 효과를 계산하는 여유 메서드입니다.
begin 트위닝할 대상 객체의 속성인 prop의 시작 값을 나타내는 숫자입니다.
finish 트위닝할 대상 객체의 속성인 prop의 종료 값을 나타내는 숫자입니다.
duration 트윈 모션의 시간 길이를 나타내는 숫자입니다. 이 값을 생략하면 기본적으로 duration은 infinity로 설정됩니다.
useSeconds duration 매개 변수에 지정하는 값과 관련된 부울 값입니다. 이 값이 true일 경우 초 사용을 나타내며 false일 경우 프레임 사용을 나타냅니다.
............................................................................................................................................................................
(Tween 클래스의 간단한 예)
1. 새 문서를 만들고 이름을 easeTween.fla로 지정합니다.
2. 스테이지에 무비 클립을 만듭니다.
3. 무비 클립 인스턴스를 선택하고 속성 관리자의 인스턴스 이름 텍스트 상자에 ball_mc를 입력합니다.
4. 타임라인의 프레임 1을 선택하고 액션 패널에 다음 코드를 추가합니다.
import mx.transitions.Tween;
import mx.transitions.easing.*;
new Tween(ball_mc, "_x", Elastic.easeOut, Stage.width, 0, 3, true);
5. 컨트롤 > 무비 테스트를 선택하여 애니메이션을 확인합니다.
............................................................................................................................................................................
여유 클래스 및 메소드
|
전환 |
설명 |
|
Back |
애니메이션을 한 번에 한쪽 끝이나 양쪽 끝에서 전환 범위를 넘어 확장하며 오버플로 효과를 제공합니다. |
|
Bounce |
한쪽 끝이나 양쪽 끝에서 전환 범위 내에 공이 튀는 효과를 제공합니다. |
|
Elastic |
한쪽 끝이나 양쪽 끝에서 전환 범위를 벗어나는 탄성 효과를 적용합니다. |
|
Regular |
한쪽 끝이나 양쪽 끝에서 더 느린 움직임을 적용합니다. 이 기능을 사용하면 가속 효과, 감속 효과 또는 두 효과를 모두 적용할 수 있습니다. |
|
Strong |
한쪽 끝이나 양쪽 끝에서 더 느린 움직임을 적용합니다. 이 효과는 Regular여유와 비슷하지만 더 뚜렷합니다. |
|
없음 |
속도의 가감 효과 없이 처음부터 끝까지 같은 속도로 이동하는 움직임을 적용합니다. 이 전환은 선형 전환이라고도 합니다. |
이러한 위 표의 여섯 개의 여유 클래스에는 각각 세 개의 여유 메서드가 있습니다.
다음 표에서는 이들 메서드에 대해 설명하고 있습니다.
|
메서드 |
설명 |
|
easeIn |
전환 시작 부분에서 여유 효과를 제공합니다. |
|
easeOut |
전환 끝 부분에서 여유 효과를 제공합니다. |
|
easeInOut |
전환 시작 부분과 끝 부분에서 여유 효과를 제공합니다. |
