Flex SDK 3.6 ＋ FlashDevelop 4.0(RC) を導入

最近はHTML5がFlashを凌駕するとかいう記事が多いんだけど、そんなときこそ逆張り。いまこそFlashを学ぶべき。

Flash開発は無料で できます。
Adobeに数万円はらってFlash ProやFlash Builderを買う手もありますが、ここでは無料で始めます。

Adobe Flash Professional CS5.5 Windows版

Adobe Flash Builder 4.5 Standard Windows/Macintosh版

無料で開発する方法ですが、
Flex SDK（コンパイラ）があればswfを生成できます。
FlashDevelop（テキストエディタ、総合開発環境）はなくてもいいですが、あるといろいろとラクになるので導入します。

以前「[Flash] Flex SDK 4.0 ＋ FlashDevelop 3.1.0 を導入」http://d.hatena.ne.jp/itouhiro/20100430 という記事を書いたけど、今回はFlex SDKに 3 を使います。なぜかというと、「ActionScript 3.0 アニメーション」という本を学習したいので。

ActionScript 3.0 アニメーション

この本ではFlex2を使うんだけど、Flex2ってもうダウンロードできないし。ダウンロードできる一番低いバージョンはFlex3なので、それを使います。
あと最新のFlex4.5だとFlash Player 10.1以降しか動かないけど、Flex3なら FlashPlayer9でも動作するので、その意味でもユーザにやさしいと思います。

FlashDevelopを使うのは、単に、コンパイルと公開HTML作成がラクになるからです。手動でコンパイルするよりいいというだけです。

エディタとしては‥‥まだ機能に詳しくないので、やりながら覚えるつもり。

インストール方法

http://flashdevelop.jp/%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95
のとおりにすればいい。私の環境は Windows XPですが、そのままでいけました。
ただし私は Flex SDK と AIR のチェックを外しました。Flex SDKはチェックしておくと最新版がダウンロードされそうだし。AIRは使わないので。

あらかじめ
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3
でFlex SDK 3.6を先にダウンロードしておき、
C:\home\local\flex_sdk_3.6.0.16995
に展開してあります。Flex SDKではJava SDKも必要になるので、それも導入済み。

動作チェック

まずは設定。

[Tools - Program Settings - AS3Context - Installed Flex SDKs] でSDKのpathが指定されていなかったので、手動で指定。さきほどFlexSDKを展開した場所。
あとDefault Flash Versionが 10.0 になってたので 9.0に修正。

コンパイルできるかチェックする。

[Project - New Project - AS3 Project] で適当なプロジェクト名を作成。Locationだけ指定すればNameのほうは勝手に指定される。

で src/Main.as に

trace("Hello, world!");

と入力して、 [Project - Test Project] (F5 または Ctrl+Enter) で実行。

traceが表示されない。Flash Player9が立ち上がったが、このプレイヤーはどこのなのかわからない（このPCにはFlash ProCS3/CS4が入っているのでそちらかも）

http://blog.tarotaro.org/archives/297 見て解決策がわかった。
[Tools - Program Settings - FlashViewer - External Player Path] に、先ほど入れたSDKに含まれている
C:\home\local\flex_sdk_3.6.0.16995\runtimes\player\win\FlashPlayer.exe
を指定。

モード（以下の図の青い枠）は[Debug]になっている。[Project - Test Project]を実行。
traceが表示された。OK。

次は
http://flashdevelop.jp/ActionScript3.0%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%AB%E5%85%A5%E9%96%80
をやってみましょう。
と言っても、さきほど

trace("Hello, world!");

と1行入力したのを今度は以下の2行に変えるだけですね。

graphics.beginFill(0xFF0000);
graphics.drawCircle(100, 100, 100);

あとはActionScript3.0学ぶだけ。

続き: http://d.hatena.ne.jp/itouhiro/20111010

標準ActionScript 3.0入門