Tweenerをつかってみよう 1

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: ,

One Response to “Tweenerをつかってみよう 1”

  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 [...]

Leave a Reply