BetweenAS3로 베지어 가이드를 만들고, 만들어진 가이드를 이용해 트윈을 적용할 수 있습니다.
bezier관련 메서드는 tween메서드에 controlPoint라는 매개변수가 더해진 형태로, controlPoint 매개변수의 데이터에 의해 만들어진 베지어 가이드에 따라 트윈이 적용됩니다.

BetweenAS3.bezier(target:Object, to:Object, from:Object = null, controlPoint:Object = null, time:Number = 1.0, easing:IEasing = null);

BetweenAS3.bezierFrom(target:Object, from:Object, controlPoint:Object = null, time:Number = 1.0, easing:IEasing = null);

BetweenAS3.bezierTo(target:Object, to:Object, controlPoint:Object = null, time:Number = 1.0, easing:IEasing = null);

(more…)

이번에는 BetweenAS3를 이용한 색상변환 및 필터효과에 대해서 살펴보겠습니다.
우선, 색상변환은 ActionScript 3.0에서 제공되고 있는 ColorTransform클래스의 ColorTransform() 생성자 메서드와 유사한 형식으로 기술하면 됩니다.

package {

	import flash.display.Sprite;
	import flash.events.MouseEvent;

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

	public class BetweenAS3Color extends Sprite {

		private var box:Sprite;
		private var t:ITween;
		private var tg:ITween;

		public function BetweenAS3Color() {

			box = new Sprite();
			box.graphics.beginFill(0x000000);
			box.graphics.drawRect(0, 0, 200, 80);
			box.graphics.endFill();
			addChild(box);
			box.x = Math.round(stage.stageWidth * 0.5 - box.width * 0.5);
			box.y = Math.round(stage.stageHeight * 0.5 - box.height * 0.5) - 20;

			setTween();
		}

		private function setTween():void{
			t = BetweenAS3.tween(box, {transform:{colorTransform:{ redOffset:-255, greenOffset:255, blueOffset:255 }}}, null, 2, Quart.easeOut);
			tg = BetweenAS3.serial(t, BetweenAS3.reverse(t));

			stage.addEventListener(MouseEvent.CLICK, hnClick);
		}

		private function hnClick(e:MouseEvent):void	{
			tg.stopOnComplete = false;
			tg.togglePause();
		}
	}
}

(more…)

트윈을 사용해서 무비를 제작하다 보면 다수의 트윈을 만들고 동시에 재생시키거나 순차적으로 재생시키는 경우가 종종 있습니다.
동시에 재생시키는 것은 그다지 어렵지 않지만, 순차적으로 재생시키는 것은 좀 번거로운 작업이죠.
BetweenAS3에서는 이처럼 다수의 트윈을 그룹으로 묶어 동시에 재생하거나 순차적으로 재생할 수 있는 함수를 제공합니다.

우선, 다수의 트윈을 동시에 재생하는 방법을 알아보겠습니다.
아래 무비를 클릭하면 3개의 트윈이 동시에 재생되는 것을 볼 수 있는데,

BetweenAS3.parallel()메서드를 사용하면 됩니다.
인수로는 그룹으로 만들고 싶은 트윈들을 “,” 로 구분해서 넣어주면 되고,
같은 기능을 가진 BetweenAS3.parallelTweens() 메서드의 경우는 인수가 배열형식이어야 합니다.
(more…)

BetweenAS3에서도 이벤트를 등록하고 해당 이벤트가 발생하였을 때 함수를 호출할 수 있습니다.
이벤트를 등록해서 해당 이벤트 발생　시 함수를 호출하는 방법에는 두　가지가 있는데,

// tween이 종료될 때 이벤트 발생
var t:ITween = BetweenAS3.to(box, {x:280}, 1.5, Bounce.easeOut);
t.addEventListener(TweenEvent.COMPLETE, hnTweenComplete);
t.play();

private function hnTweenComplete(e:TweenEvent):void
{
    trace("TweenComplete");
}

(more…)

이번에는 BetweenAS3에서 제공되는 각종 메서드에 대해서 간단히 알아보겠습니다.

.to

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

.from

// box의 x값을 280에서 현재 위치로 이동
var t:ITween = BetweenAS3.from(box, {x:280}, 1.5, Bounce.easeOut);
t.play();

(more…)