얼마 전(2009년 6월 18일) Tweener의 개발이 종료되었다는 소식이 있었습니다.
개인적으로는 TweenMax를 주로 사용하고 있었기 때문에 대수롭지 않게 받아들였지만, 이곳(일본)의 플래셔들 사이에서는 Tweener를 대체할 tweening 라이브러리에 대한 이야기가 화두가 되었습니다.
때마침 BetweenerAS3 라는 일본의 플래셔(Yoshihiro Shindo)가 만든 tweening 라이브러리의 알파버전이 공개되었고, 현재 공개된 다양한 tweening 라이브러리에 비해 월등한 퍼포먼스를 보여주었습니다.

아직은 알파버전이지만, 뛰어난 퍼포먼스와 다양한 기능을 가진 BetweenerAS3 라이브러리에 대해 익혀둘 필요가 있다고 생각되어, 차근차근 익혀가면서 메모를 남겨둘까 합니다.

우선, 가장 기본적인 tween메서드의 인수에 대해 살펴보면,

BetweenAS3.tween(Target, ToValues, FromValues, Time, Easing);

• Target – 대상이 되는 오브젝트
• toValues – tween으로 적용 될 값
• fromValues – tween이 시작될 때의 값
• Time – tween이 진행되는 시간
• Easing – easing의 종류

그리고, 아래는 기본적인 Tween 적용 예입니다.

package {
	import flash.display.Sprite;

	import org.libspark.betweenas3.BetweenAS3;
	import org.libspark.betweenas3.easing.*;
	import org.libspark.betweenas3.tweens.ITween;

	public class BetweenAS3Exam extends Sprite
	{
		public function BetweenAS3Exam()
		{
			var box:Sprite = new Sprite();
			box.graphics.beginFill(0x000000);
			box.graphics.drawRect(-10, -10, 20, 20);
			box.graphics.endFill();
			addChild(box);

			var t:ITween = BetweenAS3.tween(box, {x:200, y:200}, {x:0, y:0}, 0.6, Bounce.easeOut);
			t.play();
		}
	}
}

한가지 주의해야 할 점은, 다른 tweening 라이브러리는 메서드를 호출하면 바로 tweening이 실행되었지만, BetweenAS3는 play(); 메서드를 호출하지 않으면 tweening이 시작되지 않습니다.

아래는 tween메서드의 몇 가지 활용 예입니다.

// box의 x값을 현재 위치에서 200까지 이동
var t:ITween = BetweenAS3.tween(box, {x:200});
t.play();

// box의 x값을 100에서 200까지 이동
var t:ITween = BetweenAS3.tween(box, {x:200}, {x:100});
t.play();

// box의 x값을 100에서 현재 위치로 이동
var t:ITween = BetweenAS3.tween(box, null, {x:100});
t.play();

// ($를 붙이면 상대값으로 계산) box의 현재 x값이 50이라면 150(100+50)에서 250(200+50)까지 이동
var t:ITween = BetweenAS3.tween(box, {$x:200}, {$x:100});
t.play();