ローディングバーセットを作ろう

簡単に設置できるローディングバーのセットを作って公開しようと思うのだけど、どういう構成にしようか考え中。
まず現状のローディングバー界隈について、分かる範囲でまとめてみました。

今までずっと「F-site | Now Loadingのサンプル5個セット」さんのローディングバーを使わせてもらっていたのだけれど、リンケージ登録を使っているときは次の点に注意が必要です。

リンケージ登録で、「最初のフレームに書き出し」にチェックしていると、ローディングバーのMCが表示されるよりも前にロードされてしまいます。
「リンケージシンボルのロード」→「ローディングバーの表示」
なので、ローディングバーが途中から始まってしまいます。

これを防ぐ方法としては、「最初のフレームに書き出し」のチェックを外し、ルートのフレーム2に空のMCを作り、その中に、リンケージしたシンボルを全部、MCならステージ上に配置、複数のサウンドならレイヤーを作りまくってタイムラインに貼付けしておきます。
1フレーム目のローディングバーでプリロードが完了したら、リンケージ置き場としての2フレーム目をスキップし、3フレーム目以降にgotoAndPlayさせます。

V2を含むコンポーネントを使っている場合はもうひと工夫必要で、
「パブリッシュ設定」→「Flash」タブ→「設定」→「クラス用のフレーム書き出し」設定
で、クラスの読み込みを2フレーム目以降に設定します。あとは同様に、ライブラリにあるコンポーネントシンボルのリンケージ設定の「最初のフレームに書き出し」チェックを外し、クラスが読み込まれた以降のフレームに配置するようにしないといけません。

これだと、ルートの最初の2〜3フレームがプリローダー関連になってしまいますが、無理矢理体裁を整えてみようというのが「ローディングバーセット type1

んで、type2は、ローディングバーだけのswfファイルを作って、そこにコンテンツとなるswfをMovieClipLoaderクラスで監視しつつロードするというタイプ。これだと、コンテンツswf側は、リンケージで「最初のフレームに書き出し」のままでもOKだし、コンポーネントも気にせずドバドバ使えます。
Adobe的にはこっちを推奨っぽいイメージがするのですが、世間のFlashクリエイターさんはどちらを使われているのでしょう?

で、type3としては、全てコンポーネントを使ってコントロールする方法。実際に使った経験はないのですが、Loaderコンポーネントという、外部swf(jpgやpngもOK)をロードするためのコンテナを用意し、それをProgressBarコンポーネントで監視する方法。ProgressBarのスキンをいじれば、ある程度デザイン変更はできそう。type3もtype2同様、プリローダー専用のswfとコンテンツswfの2ファイルが必要。
ただ、ヘルプを見ると、

Macromedia Component Architecture バージョン 2 の特定のコンポーネントを SWF ファイルまたは Loader コンポーネントにロードすると、コンポーネントが正しく機能しないことがあります。 このようなコンポーネントには、 Alert、ComboBox、DateField、Menu、MenuBar、Window があります。

とあり、僕の手に負えない相性問題とかで悩まされそうで不安。

それぞれのメリット・デメリットは
type1
○ファイルが1つで済むのが、なんか気分的に楽。
○1ファイルなので、ローディングバーからコンテンツへと、画像のつながりを活かしたトランジションができる。
×リンケージ関連で、アナログ的な処理が必要。
type2
○今風。どのみち最近のFlash案件はflaが1個では済まない場合が多い?
○リンケージの書き出し位置等の心配無用。
type3
○Adobeが作ったんだから間違いなくね?
×多機能故のバグとか相性問題。
×スキン変更って僕のスキルでどこまでできるのやら。Progress”Bar”だから形状はBarだけかな?

今回は使う人ができるだけ簡単に使え、スクリプトが苦手な人でもなんとなく理解できるものが作りたい。デザインとしては、
・オーソドックスに棒が伸びるタイプ(こんなんとかこんなんとか、_width限定タイプ&ステージサイズを横断するタイプ)
シマシマ版も流行ってるし作りたい。
・上のに加え、ロード状況の数値表示。
円弧を描くローディングバー
・ロード完了時にはTweenとかでいい感じにトランジションする。

type2かなぁ。

追記:後日、作りました。「ローディングバーセットを作ったよ:サンプルファイル付き」をご覧下さい。

Comments:1

u-ssy 07-06-07 (木) 20:25

Teraさん
こんにちは。いつも読ませてもらってます。
自分が作るフラッシュ、いっつもローディングがおわってから出てくる意味無し君だったんですが、おかげさまで理由が明確になりました!
ほとんどのMCをattachMovieで組んでた&最初のフレームに書き出しチェックオンでした・・・。
解決方法がはっきりして嬉しいです。ありがとうございます!

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2006/09/06-001951.php/trackback
Listed below are links to weblogs that reference
ローディングバーセットを作ろう from trick7
AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

相互リンク

hi-posiさん
携帯Flashといえばhi-posiの岡田昇三さん。FlashLiteの有益な記事もたくさん書かれていていつもお世話になってます。ついにご挨拶させていただきました。面白すぎる人でしたw。

Return to page top