ONE OP IXEL

TweensyはTweenerよりも高速で軽量なトィーンライブラリです。
特徴としてエフェクトが簡単に作れるTweensy FXという機能があります。
今回はよく使いそうな機能をピックアップしていきたいと思います。

1. まずはダウンロード
   http://code.google.com/p/tweensy/
   「Tweensy 0.2.2.zip」をダウンロードします。
   解凍したら
   「releases」→「source」→「cs4」→「original」
   の中にある「com」フォルダをプロジェクトフォルダにコピーします。
   ちなみにcs3用のファイルも用意されているのでcs3の場合はそちらを使用してください。
2. ライブラリをインポートします。
   import com.flashdynamix.motion.Tweensy;
3. 最初は現在の位置から指定位置まで移動するという簡単なものからやってみます。

   package
   {
   	import flash.display.Sprite;
   	import com.flashdynamix.motion.Tweensy;
   	import flash.geom.Rectangle;
   
   	public class Main extends Sprite
   	{
   		function Main() {
   			//四角を作成
   			var rect:Sprite = new Sprite();
   			rect.graphics.beginFill(0x3299FF);
   			rect.graphics.drawRect(0, 0, 50, 50);
   			this.addChild(rect);
   
   			//現在の位置からx=500へ移動
   			Tweensy.to(rect, { x:500 } );
   		}
   	}
   }
   

   実際tweensyの設定は一行ですね。
   tweenerも一行だったので当然かもしれませんが……。
   今回のように指定位置に移動するには「to」メソッドを使用します。
   逆に指定位置からスタートしたい場合は「from」メソッドを、
   スタートもゴールも指定する場合は「fromTo」メソッドを使用します。

4. このままではあれなので色々やってきましょう。
   ちなみに「to」メソッドの設定はたぶんこんな感じになってます。
   （インスタンス, 目標座標, 秒数,イージング設定,遅延時間）
   なので、10秒後に5秒かけてx500,y200に移動したい場合、

   Tweensy.to(rect, { x:500, y:200 }, 10, null, 1 );
   

   と記述します。

5. 指定インスタンスの動作を停止させる「stop」メソッドと
   すべてのインスタンスを停止させる「stopAll」というメソッドもあります。

   インスタンスをクリックすると停止するというのを作成してみます。

   package
   {
   	import flash.display.Sprite;
   	import com.flashdynamix.motion.Tweensy;
   	import flash.events.MouseEvent;
   	import flash.geom.Rectangle;
   
   	public class Main extends Sprite
   	{
   		var rect:Sprite;
   
   		function Main() {
   
   			//四角を作成
   			rect = new Sprite();
   			rect.graphics.beginFill(0x3299FF);
   			rect.graphics.drawRect(0, 0, 50, 50);
   			this.addChild(rect);
   
   			//1秒後に10秒かけてx100,y50からx500,y200に移動
   			Tweensy.fromTo(rect, { x:100, y:50 }, { x:500, y:200 }, 10, null, 1 );   
   
   			//マウスイベント
   			rect.addEventListener(MouseEvent.MOUSE_DOWN, MCStop);
   		}
   		//四角をクリックしたとき
   		function MCStop(e:MouseEvent):void{
   			Tweensy.stop(rect);
   		}
   	}
   }
   

PHPで画像URLからサムネイルを生成して表示してみます。
標準のGDというライブラリでもできますが、ファイルの拡張子によって処理を変えたりとか意外とめんどうそうなので、今回は簡単に使用することができるPhpThumbというライブラリを使用ます。
htmlファイルから呼び出して使えるようにしておけば、あとあと便利なのではないかと思います。

1. 下記のアドレスの「Download」からライブラリをダウンロードします。
   http://phpthumb.gxdlabs.com/
   解凍したらlibフォルダにいれます。
2. 色々なことができるようですが、とりあえず画像のサイズだけ指定します。
   画像のサイズは「resize」という部分です。

   <?php
   require_once 'lib/ThumbLib.inc.php';  
   
   $fileName = (isset($_GET['file'])) ? urldecode($_GET['file']) : null;
   $thumb = PhpThumbFactory::create($fileName);  
   $thumb->resize(150, 150);  
   $thumb->show();
   ?>
   

   適当な名前で保存します。
   とりあえずcreate_img.phpにしてみました。

3. 次にhtmlから呼び出してみましょう。

   <img src="creat_img.php?file=<?php echo urlencode('test.jpg'); ?>" />
   

   「test.jpg」の部分は実際表示させたい画像を指定してください。

navigateToURLで_blankでリンクを指定する場合通常このようになると思います。
navigateToURL(new URLRequest(”http://www.as-game.net”),”_blank”);
しかし、この場合IE7やFireFoxだとブロックされてしまいます。
設定で回避する方法もありますが、「URLNavigator」というライブラリを使用すると簡単に設定できます。

1. URLNavigator
   http://www.zorked.com/flash/flash-and-navigatetourl-popup-blocking/
   リンクからURLNavigator.asをダウンロードします。
2. flaファイルと同階層に「com」というフォルダを作り、そのフォルダの中に「zorked」という名前の作り「URLNavigator.as」を入れます。
3. 使用方法はnavigateToURLをURLNavigator.ChangePageにするだけです。
4. btnというインスタンスをクリックしてリンクするには以下にようになります。

   import com.zorked.URLNavigator;
   btn.addEventListener(MouseEvent.CLICK, blankURL);
   function blankURL(event:MouseEvent):void {
   	URLNavigator.ChangePage(new URLRequest("http://www.oneopixel.net/"));
   }
   

tweenerは簡単な記述でトゥイーンアニメーションを実現してくれるライブラリです。
まずは下記URLの「Featured Downloads」からライブラリファイルをダウンロードします。
http://code.google.com/p/tweener/

解凍してできた「caurina」というフォルダをflaと同一の階層におきます。
これで準備完了。次にflaにコードを記入します。

1. 一行目でライブラリをインポートします。
   import caurina.transitions.Tweener;
2. 例えばball_mcをx400に2秒掛けて移動したい場合

   import caurina.transitions.Tweener;
   Tweener.addTween( ball_mc, {
   	 x: 400,
   	 time: 2,
   	 transition: "liner"
   });
   

transitionのプロパティ一覧
http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html