前記事as3.0:デジタル時計を作ってみましたで作った時計をAirにしてみました。
まずAIR の実行環境を整えます。
AdobeからまずAIRをインストール。
↓
私の作成環境はFlash CS3ですのでFlash CS3用のアップデータをインストールします。
↓
Flash CS3を開きAIRにしたいFlaファイルを開きます。
上部「コマンド」メニュー＞「AIR – AIRファイルを作成」でFlaファイルをAIRファイルにします。

↓
AIRファイルに変換すると「AIR – アプリケーションとインストーラーの設定」画面が出てきます。
作成物の情報などの基本情報を入力します。またアイコンを作成してある場合はアイコン画像も指定します。
私はpngでアイコンファイルを作成しました。今度もうちょっと凝りたいなぁ。
MacでもpngファイルでOKみたいなのでアイコン作成はほかのGadgetに比べるとらくちん。

できたサンプルは以下です。

[ Sample ]

[ インストーラー ]

MolabClock.air
AIR初期のままだと画面を動かすこともできないのでAIR用にASを足しました。

[ Source : ClockMain_air.as ]

package
{
	import flash.display.MovieClip;
	import flash.events.MouseEvent;
	import flash.ui.Mouse;

	/**
	* 2008.09
	* lineToメソッド/moveToメソッドを使用した描画APIサンプル
	*/
	public class Sample06DrawApp extends MovieClip
	{
		private var _mc:MovieClip;
		private var color:uint;

		public function Sample06DrawApp()
		{
			init();
		}
		private function init():void {
			//描画呼び出し
			Drawing();

			//ClearBtn
			_mc = clear_mc;
			_mc.buttonMode = true;
			_mc.addEventListener(MouseEvent.MOUSE_DOWN, onClear);
		}
		private function Drawing():void{
			color = Math.random() * 0xffffff;
			stage.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
			stage.addEventListener(MouseEvent.MOUSE_UP, onUp);
		}
		private function onDown(event:MouseEvent):void{
			stage.addEventListener(MouseEvent.MOUSE_MOVE, onMove);
		}
		private function onUp(event:MouseEvent):void{
			color = Math.random() * 0xffffff;
			stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMove);
		}
		private function onMove(event:MouseEvent):void{
			//1pxのline,color
			graphics.lineStyle(1,color);
			graphics.lineTo(mouseX , mouseY);
		}
		private function onClear(event:MouseEvent) {
			graphics.clear();
			Drawing();
		}

	}

}

あと、右クリックメニューを足したりタスクトレイなんかにも入れたい気持ち・・・
もうちょっと調べて今度アップデートをします。

2008/09/25追記：タスクトレイ表示機能・全画面表示機能を追加してアップデートしました

Article tags: AIR, AS3.0, DownLoad, Flash

• Newer : AS3.0:Bitmap描画サンプル
• Older : as3.0:描画サンプル