フラッシュゴーゴー

Macromediaの製品Flash、とても簡単にインタラクティブな
ホームページができると言うことであっというまに広まってしまったが
簡単にできるのは、ほんの入り口でその実はすごい深いものだったのです。

その深くて難しいのが「ActionScript」これはFlashのプログラム言語なのだが

このサンプルスクリプトが雑誌やHPで出回っており、それをペタペタ貼り付けて、
動けばラッキー、動かないと「わからん〜、たすけて〜」という人が
続発しているので、プログラマーから見たFlashの使い方を書いてみます。

【はじめに】

【シンボル】

【step1 シンボルを動かす】

まず、「矩形ツール」を選択し、キャンバスに四角を書きます。
ただの四角に見えますが、「矢印ツール」でクリックしてみれば分かりますが
「左側の線」「右側の線」「上の線」「下の線」「中身」と分かれたものになっています。

この状態は、ただの絵の状態なのでバラバラの部品になっています。

まず、この絵をシンボルに変換します

「矢印ツールで」書いた四角をすべて選択して、選択した絵の上で右クリックし
「シンボルに変換」をクリックします。

取り合えず、名前を「rectangle」にします。
なぜこんな名前にするかと言うと、日本語は「ひらがな・カタカナ・半角・全角・送り仮名」など一つの言葉でも
複数の表現方法があるので、指定間違いなどのミスがはっせいするので・・・・。

でも「aaa」とか適当にすると、完成した後の数ヵ月後に修正しようと開いたときに「aaa」ってなんだったっけ・・；
と言う状態になっちゃいますｗ

「タイプ」をムービークリップにし「OK」ボタンをクリックします。

Flashは、なかなか凝ったつくりになっているのですが、それをユーザに意識させないようにしているので
そのせいでFlash難民が多数発生してしまっています。

実はこのシンボルに変換すると言う行為は、ライブラリを作成すると言う行為なのです。
「ウィンドウ」−＞「ライブラリ」を選択し、表示してみてください。



できていますね＾＾
ややこしいのは、このライブラリのムービークリップとキャンバスにできているムービークリップには
イコールではないと言うことです。

試しに、キャンバスのムービークリップを削除してみてください。
ライブラリにまったく変化はありません。

つまり、ライブラリを作り、そのライブラリのコピーをキャンバスに配置する行為が
「シンボルに変換」なのです。

取り合えず、ライブラリの中を「シンボル」シンボルをコピーしたものを「インスタンス」と呼んでみます。

続きますので、キャンバスのムービークリップを削除した人は、ライブラリのrectangleを
キャンバスにドラッグアンドドロップして、復活させてください。



先ほどつけた「rectangle」はライブラリ用につけた名前なので、キャンバス上に配置された
ムービークリップにも名前をつける必要があります。
「プロパティ」の中に「インスタンス名」と書かれた場所があるので、そこに「rectangle1」と入力します。

【step2 PreLoader(プリローダー）〜事前読み込み〜】

ダイナミックテキストを２つ配置して、「読み込み済み」と「合計」を分けてみます。
「読み込み済みを右揃え」／「合計を左揃え」にします。
step2では、桁が変わると「カクッ」とずれていたので、これで固定します。
ついでに、数字にカンマをつけて見やすくします。

●ダイナミックテキストと変数の関係について
　　ダイナミックテキストの変数のアクセスの仕方ですがてっきり
　　「インスタンス名ー＞変数」と思っていたのですが、ダイナミックテキストにつけた
　　変数名って、グローバル変数になっていました。
　　なので「A」と言うテキストに「text」と言う変数名をつけて「B」と言うテキストに「text」と言う変数名
　　をつけると「A.text=B.text=.text」になってしまいます。

　　試しにインスタンス名なしで「text」と言う変数名をつけても「_level0.text」でアクセスできます。
　　つまりダイナミックテキストに変数名をつけると

　　_level0.text - リンク - _level0.A.text
　　　　　　　　 \
　　　　　　　　　 リンク - _level0.B.text


　　になっていることになります。
　　ダイナミックテキストを使用する際は変数名に気をつけて設計しましょう。

●数字にカンマをつける
　　数字の桁数が大きくなるとカンマがないと非常に見難いです。
　　そこで、カンマをつけようと思ったのですが、Flashの事は深く知らないので
　　自作の関数を作ってみました。

　　↓を初期設定フレームに貼り付けると「_level0.txtTotalBytes = funcFormatCurrency(String(intTotalBytes));」このように使えます。
　　コピペしないでね。理解するのが目的のサイトなので＾＾；

　　function funcFormatCurrency(strTargetCur)　<-カンマをつけたい数値をもらう
　　{//数値にカンマをつける
　　　var strResult; //戻り値
　　　var intLoopCount;
　　　var intStringCount;
　　　var boolCommaOn;

　　　intStringCount = 0;
　　　boolCommaOn = false;
　　　for(intLoopCount = strTargetCur.length;intLoopCount > 0;intLoopCount--)　<-数値の桁数の終わりから最高桁までループ
　　　{
　　　　intStringCount = intStringCount + 1;　<-現在何桁目かを記録
　　　　if(intStringCount % 3 == 0)　<-３で割ったあまりが０の時
　　　　{
　　　　　boolCommaOn = true;　　　　<-次カンマだよとマーク
　　　　　strResult = strTargetCur.substr(intLoopCount - 1, 1) + strResult;　＜−右から「intStringCount」個目を「strResult」の左にくっつける
　　　　}
　　　　else
　　　　{
　　　　if(boolCommaOn == true)　　　　<-次カンマだよとマークされているとき
　　　　{　　↓右から「intStringCount」個目とカンマを「strResult」の左にくっつける
　　　　　strResult = strTargetCur.substr(intLoopCount - 1, 1) + "," + strResult;
　　　　　boolCommaOn = false;　　　　<-次カンマ終わったよとマーク
　　　　}
　　　　else
　　　　{
　　　　　strResult = strTargetCur.substr(intLoopCount - 1, 1) + strResult;
　　　　}
　　　}

//イントロをストリーミングとして読み込み
objIntroSound = new Sound();
objIntroSound.loadSound("../sound/intro.mp3", true);
objIntroSound.start();
ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

new Sound()でオブジェクトを生成し、loadSound()でファイルを読み込みます。
この際の第２引数のtrue,falseは何かと言うと、true=ストリーミング再生
false=完全読み込み後再生と言うことです。

イントロはプリローダーをかねているので、ストリーミング再生にして
すぐに再生してもらわなければ困ります。

メインシーンは再利用の可能性があるので、完全に読み込んでもらいます。
さらにメインシーンに言ったときに音が出ないとプリローダーの意味がないので
サウンドが読み込み終わるまで、待つ必要があります。

そこでgetBytesTotal()でswfの読み込み待ちと同じように、サウンドの全バイト数を
取得して、読み込みの終わりを待ちます。

２フレーム目の読み込み完了判定のところに、サウンドの判定を追加します。

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ
intSoundNowLoadedBytes = objBGMSound.getBytesLoaded();

if(intTotalBytes <= intNowLoadedBytes && boolFirstJudge == false && intSoundTotalBytes <= intSoundNowLoadedBytes)
{//読み込み完了
　_level0.completemessage = "complete";
　gotoAndPlay("MainScene", 1);
}
ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ

メインシーンの初期設定フレームの１フレームで、BGM再生を指示します。

ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ
// BGM スタート
objBGMSound.start();