プレローダー(アニメーション+プログレスバー版) |
説 明 | プレローダー(あらかじめ重いデータを読み込む処理。日本だとNow Loading...で読み込み状態を表示するものといった方が分かりやすいかもしれません)を作成するには、読み込み状態を示すバーを作成してムービークリップにします。サンプルではBARという名前にしています。 次に同時に表示する文字などがあれば入力しておき、さきほど作成したバーと一緒にムービークリップグループを作成します。コンポジションの1フレーム目に以下のスクリプトを記述しておきます。 stop(); 次にタイムライン上に読み込まれた後に処理を行うラベルを用意します。サンプルでは3フレーム目にstartという名前で作成しています。 次にスクリプトウィンドウで先ほどのムービークリップグループ(サンプルではpre loaderという名前になっています)のonEnterFrameイベントに以下のスクリプトを記述します。 total = _root.getBytesTotal(); loaded = _root.getBytesLoaded(); BAR._xscale = (loaded/total)*100; if (loaded == total) _root.gotoAndPlay("start"); これで読み込み状況に応じてバーが伸びていく表示が行われます。 次にアニメーションを作成します。これは通常のアニメーション制作と変わりありません。サンプルではpre loaderムービークリップ内で六角形が動くアニメーションになっています。ループ指定をしておかないとアニメーションがループしませんので注意が必要です。 |
---|---|
サンプル画面 | |
■サンプルスクリプトを実行する >>sample.html ■サンプルスクリプトをダウンロードする >>.zip |