さて、どう組もう?Flash Lite

引き続き今回初登場のF-siteスタッフ、田中正吾さん。Flash Liteの制作で特につまづきやすいActionScriptに的を絞って、どのようにスクリプトを書けばよいのか、実例を交えながら解説していただきました。

最初に。Flash Liteの戸惑い

Flash Lite 1.0/1.1（以下、1.x）は、Flash4がベースになっています。Flash5 以降の ActionScript と同じ意識でスクリプトを書くとエラーがたくさん出てしまい、とても戸惑います。

まず、先に結論から言ってしまうと、次の２つのことが言えます。

1. アニメーションさせるだけであれば、結構簡単にできる
2. Flash Liteでスクリプト、となると、やっぱり戸惑います。

では、実例を挙げながら説明して行きます。

アニメーションさせるだけであれば、結構簡単にできる

以下に、簡単なアニメーションのサンプルをご紹介します。

>> 「ボールがはずむ」の作例を見る

このムービーは普通にタイムラインでボールを動かして、最後のフレームで一行だけスクリプトを書いています。

stop()、play()、gotoAndStop()、gotoAndPlay() などは、Flash Lite 1.x でも同じように使えます。

では、スクリプトを書いていて戸惑うのは、どんなときでしょう。以下に見ていきます。

戸惑い１：ボタンイベントをさせるとき

Flash Lite 1.xの実行時には、マウスが使えません。
携帯機器はボタンで構成されているので、主に「0〜9」「#」「*」キーでイベントを検出することになります。

キー配置がＰＣと異なる所も戸惑いポイントです。

戸惑い２：異なる階層のMCを動かすとき

異なる階層を指定する際、Flash5 以降ではこのように書きます。

これを、Flash Lite 1.x で書くとこうなります。

Flash Lite 1.x では、異なる階層の指定には tellTarget() を使います。
階層の表記には、「.」ではなく、URLのように「/」を使います。
「/」を使った階層の表現は、「.」の場合と比較すると下記のようになります。

• this　→　特に記入しない
• _parent　→　../
• _root　→　/

tellTargetの引数は文字列です。
またFlash Lite 1.x では、文字列の連結に「+」ではなく「add」を使います。

以下に、tellTargetを使って異なる階層を指定するサンプルを紹介します。
ボタンオブジェクトで、押したキーに対応したものが光ります。

>> 「１〜９キーを押すと光る」の作例を見る
(※ 反応しない場合はムービーを一度クリックしてみてください。)

戸惑い３：変数の扱いを考えるとき

変数を指定する際、Flash5 以降ではこのように書きます。

これを、Flash Lite 1.x で書くとこうなります。

変数は、「ＭＣ階層」＋「：」＋「変数名」で指定します。

以下に、tellTargetを使って変数を指定するサンプルを紹介します。

>> 「数あてゲーム」の作例を見る
(※ 反応しない場合はムービーを一度クリックしてみてください。)

表示された数字と同じキーを押せば「あたり」、違えば「はずれ」と表示されます。
正解（q_num）と選択した数（select_num）を、フレーム"check"で答え合わせしています。

戸惑い番外：functionの代わりにcallを使う

くり返し使う処理を書く場合、Flash5 以降ではこのように書きます。

これを、Flash Lite 1.x で書くとこうなります。

しかし困った事に、call()には引数の概念がありません。そこで事前に「引数用」の変数を作っておいて受け渡しに使います。

同様に、「戻り値用」の変数を使うのも便利です。

以下に、call()を使用するサンプルを紹介します。
引数用変数 vHikisu を使って、吹き出しにそれぞれ違う内容を表示します。

>> 「ＡさんとＢさんの会話」の作例を見る

戸惑い番外：配列の代わりにevalを使う

Flash Lite 1.x は、配列変数も扱えません。
そこで eval() 関数を使って擬似的に配列を表現します。

連番の変数を用意しておき、上記のようにeval()で呼んであげます。
ただし、Array.shift()、Array.length 等と同等の機能を使いたければ、自分で作るしかありません。

戸惑い番外：表示負荷について

Flash Lite 1.x での制作をしていると、PC上では問題なく動いていても、実際に携帯上で動作させようとすると、思うようには動かないことがあります。

実機上でのテストは欠かさず行いましょう。

以上、田中 正吾氏によるデモ さて、どう組もう?Flash Lite でした。

本セミナーで使用した作例は、下記よりダウンロードできます。
>> 作例圧縮ファイル(63 KB)