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…)