まだまだPapervision3Dを自由には使いきれていない状態ではありますが、
早くも次の項目へ進めることになり
次はAirアプリケーションの開発について学んでみることになりました。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Adobe Air とは:
アプリケーションの開発及び実行環境のことで、
既存のウェブアプリケーションの開発スキル
(HTML, Javascript, Adobe Flash, Adobe Flex, Ajax)
を使用しながらクロスプラットフォームなアプリケーションを作ることができる。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
フルFlashなデスクトップアプリケーションをFlashだけで作れてしまうので、
あなたもやってみなさい(by先生)とのこと。
Flex BuilderではなくCS3で作成します。
■
まず、Adobe AIR の実行環境をインストールします。Adobe AIR Beta 2 Installer は以下からダウンロード出来ます。
Adobe Labs Downloads page
http://labs.adobe.com/downloads/air.html■
次に、CS3用のエクステンション(日本語版)をインストールし開発環境を整えます。Adobe AIR update Beta 2 for Flash CS3 Professional は以下からダウンロード出来ます。
Adobe Labs/ AIR:Flash CS3 Professional Update
http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update#Japanese上記ふたつをインストールした後にFlashを起動すると、
Air用の新規作成メニューが追加されてることが確認出来ます。
新規作成メニューからAdobe Airを選択すれば、FlashでのAirアプリケーション開発が可能です。

それでは早速実作業へ。
練習1. 新しいウィンドウを作ってみよう。( ステージ上に配置されたボタンをクリックして新規のウィンドウを作成させる。)
そして作ったのが以下です。
OPENボタンをクリックすると新規ウィンドウが作成され、
CLOSEボタンをクリックすると作成したウィンドウが閉じます。

練習をすすめる上でのメモとソースは下記に記しました。
* * * * * * * * * * * * * * * * * * * * * * * * * * *
1. アプリケーション及びインストーラーの設定方法
アプリケーションの書き出しに必要な設定項目がいくつかあるので、
開発を進める前に準備してしまいます。

[コマンド]メニューから[AIR - Application and Installer Settings]をクリック。
以下のようなウィンドウが開くので、ファイル名、バージョン情報、コピーライト等々
アプリケーションの設定ファイル(app.xml)を生成します。

デジタル署名(上図赤枠参照)をしないとコンパイル時にエラーが起きてしまうので注意です。
また、ファイルの保存場所を変更したら、Destination Folderの書き換えも忘れずに。
諸設定の終了後、[コマンド]メニューから[AIR - Create AIR File]でコンパイル出来ます。
注:ディレクトリ構造内に日本語があるとエラーが出てしまいますのでご注意ください。
2. 新規ウィンドウの作成はNativeWindow() 新規ウィンドウを作成する時には次のように記述します。
var wOption:NativeWindowInitOptions = new NativeWindowInitOptions();
var newWindow:NativeWindow = new NativeWindow(wOption);
これは、
NativeWindowInitOptions型のオブジェクト
wOptionに対して新規ウィンドウの設定を持たせ
さらにそのオブジェクト
wOptionを
NativeWindow型のオブジェクト
newWindowをnewする際の引数とするためです。
また、NativeWindowInitOptions型のオブジェクトですが、
下記のように設定内容を持たせることが出来ます。
[1] wOption.type = NativeWindowType.NORMAL;
normalの他には、lightweight、utilityといったのプロパティがあります。
normal:タスクバー表示
lightweight:表示なし
utility:ツールパレット
[2] wOption.systemChrome=NativeWindowSystemChrome.STANDARD;
standardの他には、none、customといったプロパティがあります。
none:ウィンドウクロームなし
standard:OS特有のクローム
custom:カスタム
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
以下、今回のソースです。
// 新規ウィンドウを作成するボタン、作成したウィンドウを閉じるボタン
bt1.addEventListener(MouseEvent.CLICK,openNewWindow);
bt2.addEventListener(MouseEvent.CLICK, closeNewWindow);
var newWindow:NativeWindow;
// 新規ウィンドウの作成
// NativeWindowInitOptions型のオブジェクトに対して新規ウィンドウの設定を持たせて// NativeWindow型のオブジェクト(newWindow)をnewする際の引数とする。
function openNewWindow(e:MouseEvent):void {
var wOption:NativeWindowInitOptions = new NativeWindowInitOptions();
//タスクバー表示
wOption.type = NativeWindowType.NORMAL;
//OS特有のクローム
wOption.systemChrome=NativeWindowSystemChrome.STANDARD;
newWindow = new NativeWindow(wOption);
newWindow.width = 200;
newWindow.height = 100;
newWindow.title = "hogehoge";
newWindow.visible=true;
}
// 新規ウィンドウを閉じる
function closeNewWindow(e:MouseEvent):void {
newWindow.close();
}