Tweenerをつかってみよう 1
Posted by admin | Filed under Actionscript3.0
Tweenerとはトゥイーンを実現するActionScript用ライブラリ。
いつも動きの部分は自作の関数つかってたが
ここらで利用してみるこころみ。
さっそくにとよんさんが書いた記事を参考にTweenerに挑戦してみるぞう!
まずはtweener - Google Code
でtweener_1_31_74_as3.zipをダウンロード げっつ!
解凍するとcaurinaというフォルダがはいってるので
テストフォルダにぶちこみます。ついでにtestとなずけたflaファイル、
Animeとなずけたasファイルもいれました。
test.flaにはプロパティをひらいてドキュメントクラスに
Anime
と記入、ステージサイズは350px×200pxぐらいにしといた。
Anime.asにはスクリプトを記述
package {
import flash.display.Sprite;
import flash.events.MouseEvent;
import caurina.transitions.Tweener;public class Anime extends Sprite{
public function Anime():void{
// クリックイベントを監視する
stage.addEventListener(”click”, clickHandler);
}private function clickHandler(event:MouseEvent):void {
// 円を作成
var s:Sprite = new Sprite();
s.graphics.beginFill(Math.random() * 0×1000000);
s.graphics.drawCircle(0, 0, 10);
s.graphics.endFill();
addChild(s);// 円をクリックされた位置に移動
s.x = event.stageX;
s.y = event.stageY;
s.scaleX = s.scaleY = 0;Tweener.addTween(s, {
time: 1, // 1秒間のアニメーション
scaleX: 5, // s の scaleX を 5 まで遷移
scaleY: 5 // s の scaleY を 5 まで遷移
});
}
}
}
結果こうなりました。
※ステージをクリックしてみ
まるが広がったねー
続く
参照サイト
プログラマのためのFlash遊び方 第6回 動きのある Flash を作る(後編)
Tags: Actionscript3.0, Tweener
One Response to “Tweenerをつかってみよう 1”
-
オレつくるぜflashとかサイトとか » Blog Archive » Tweenerをつかってみよう 2 Says:
12 月 15th, 2008 at 4:45 PM[...] 参照URL AS3でTweener 1.31.67を使う Tweener Transition sheet Tweener Documentation and Language Reference Tweenerをつかってみよう 1 [...]
