FlashDevelop + Flash Player 10 で遊ぶ

ども。おひさしぼりです。

[追記] 新しい情報が入りました！> http://blog.bk-zen.com/2008/05/23/63/

さて、先日 Flash Player 10 Beta が出たとの事。
Twitter のログが凄いことになってきたので、俺も遅れながら波に乗る。
以前から ActionScript の開発環境には Flash Develop を使用しているので Flash Develop　で
Flash Player 10 に対応した SWF の開発をしてみる。

揃えるもの

• Flash Player 10 Beta
• Flash Develop 3.0.0 Beta7 (現時点で最新版)
• Flex SDK 3.0.1.1728

まずは Flash Player をインストールしないと何も始まらんからね。
ダウンロードしてこよかー。
http://labs.adobe.com/technologies/flashplayer10/
ここからダウンロードしてくる。
※ インストールする際は Beta であることを忘れずに。
以前インストール済みの Flash Player がある場合はアンインストーラーが同ページにあるのでそっちでアンインストールしてからインストールしてください。って。書いてあった。
FlashDevelop で開発する際には、IE 用の Flash Player をインストールするといい。
Flash Player がインストールし終わったら、Flash Player のバージョンを一応確認しておこう。
http://www.adobe.com/jp/support/flashplayer/ts/documents/tn_15507.htm
ここで確認できる。

さて、次は Flex SDK の準備。
以下から最新版をダウンロードしてくる。
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3
ダウンロードしたら適当に展開して、C:\ とかにおいておく。

Flex SDK の frameworks\flex-config.xml をいじる。
XML ファイルを 適当にテキストエディタで開いて編集する。
約 16行目
<target-player>9.0.115</target-player>
↓
<target-player>10.0.0</target-player>

約 51 ～ 53行目
<external-library-path>
<path-element>libs/player/9/playerglobal.swc</path-element>
</external-library-path>
↓
<external-library-path>
<path-element>libs/player/10/playerglobal.swc</path-element>
</external-library-path>

約 68 ～ 72行目
<library-path>
<path-element>libs</path-element>
<path-element>libs/player/9</path-element>
<path-element>locale/{locale}</path-element>
</library-path>
↓
<library-path>
<path-element>libs</path-element>
<path-element>libs/player/10</path-element>
<path-element>locale/{locale}</path-element>
</library-path>

次は bin\jvm.config の設定。
同じくテキストエディタで適当に開いて編集。
約 31 行目
java.args=-Xmx384m -Dsun.io.useCanonCaches=false
↓
java.args=-Xmx384m -Dsun.io.useCanonCaches=false -Duser.language=
jp -Duser.region=JP

さて、Flash Develop に関しては 以前のエントリーを参考にして欲しい。
http://blog.bk-zen.com/2008/04/21/61/

実際作ってみる。
Flash Develop を開いて新しいプロジェクトを作る。
Flex 3 プロジェクトなど、 AS3 のプロジェクトなら何でもおｋだと思います。
さて、Main.as を編集する前に、もう２つ設定しておこう。

プレビュー設定。
Project -> Properties -> Test Movie を Play in tab とかにしておくといい。

コンパイラ設定。
Project -> Properties -> Compiler Option -> Custom Path to Flex SDK のところで設定しておくと、このプロジェクトだけに設定できるので、俺はそうしてます。まだ β なんで一応ね。

さて、作ろうか。
タイピングをして、その Flash Player 10 を体感！！
って思いきや、補完が利かない。
まぁ、それは仕方ないので Spark Project の 新 API を参考にしながら、書いてみるといいよ。


package {
import flash.display.Sprite;
import flash.events.Event;

/**
* …
* @author bk-zen
*/
public class Main extends Sprite {

public function Main() {
graphics.beginFill(0×006699);
graphics.drawRect(-50, -50, 100, 100);
graphics.endFill();
this.x = 300;
this.y = 200;
this.addEventListener(Event.ENTER_FRAME, onEnterFrame);
}

private function onEnterFrame(e:Event):void {
this.rotationX += 0.5;
this.rotationY += 0.3;
this.rotationZ -= 0.4;
}

}

}

デモ(要 Flash Player 10)
こんなん書いてみた。
ただぐるぐるするだけだけど、Flash Player 10 を体感できる。
わかり次第色々報告しましょ。