Tweenerをつかってみよう 2

なんか久しぶりにflashを作ることになりそう(しかもas2.0で)
せっかくなのでTweener使ったろうと思いさらっとチェックしてみよう。

お題は
【Tweenerペジェ線をスクリプトで描画してみよう!】

ペジェ線でうごかせるんだねTweener
おもすれー

まずはCurveModifiersをインポート

import caurina.transitions.properties.CurveModifiers;

ふむふむ参照サイトによると
_bezier配列に座標を設定してやると、その点を「ベジエ曲線軌道のコントロールポイント」とした、トゥイーンが行なわれます。

ふむふむ。
CurveModifiers.init();
はとりあえず入れとけばいいのか。

では
さっそくいっちょas2.0で書いてみよう!

ソース

import caurina.transitions.Tweener;
import caurina.transitions.properties.CurveModifiers;
CurveModifiers.init();

//myMcはステージ上に配置したムービークリップ
myMc._x = 40;
myMc._y = 100;
var xpos:Number = myMc._x;
var ypos:Number = myMc._y;

function pointDrow():Void {
lineStyle(2,0xff0000,100);
moveTo(xpos,ypos);
lineTo(myMc._x,myMc._y);
xpos = myMc._x;
ypos = myMc._y;
}

myMc.onPress = function():Void {
Tweener.addTween(myMc,{_x:460, _y:100, _bezier:[{_x:266, _y:212}, {_x:134, _y:57}, {_x:81, _y:206}], time:5, transition:"linear"});
var timer:Number = setInterval(pointDrow, 10);
};

こんな感じで結果がこれです
※くろぽちを押してみて

いいね、
マスクにつかっても面白いし。

参照URL
AS3でTweener 1.31.67を使う
Tweener Transition sheet
Tweener Documentation and Language Reference
Tweenerをつかってみよう 1

Tags: ,

Leave a Reply