プリローダー画面の作成 - Edge Animateのチュートリアル

このレッスンでは Edge Animateの プリローダー機能と、そのプリローダー 画面について、解説いたします。 まずは ダウンロードしてきたファイルの中にある 「new_project.an」を ダブルクリックして Edge Animateで 開いておいてください。 そして、この画面が そのファイル開いた状態となります。 このファイルを使いながら 解説を進めていきます。 プリローダー機能とは EdgeAnimateで制作された コンテンツの中に含まれる プログラムコードや画像素材 音声素材などといった各ファイルを アニメーションが始まる前に 予め全ての読み込みを完了しておき 準備が整った状態で、実際のアニメーションの 再生をスムーズに進行させるための機能です。 Edge Animateでは それらのファイルの準備をしている間 プリローダー機能といって、現在 アニメーションの準備中であるといった内容を アニメーションの開始される前に 設置することができます。 それでは、いま この現状のファイルで プリローダーが設定されていない状態で どの様にアニメーションが表示されるか 一度ブラウザで 確認してみたいと思います。 アプリケーションメニューの 「ファイル」＞「ブラウザでプレビュー」を 選択します。 すると この様に すぐにアニメーション開始の画面が 表示されましたね。 それでは プリローダー画面を設定すれば どの様になるのか 一度確認してみたいと思います。 まずは、EdgeA nimateの 画面に戻ります。 プリローダー画面の 設定を行うためには ステージのプロパティの中にある 「プリローダー」というところの 「編集...」ボタンから 行うことができます。 それでは、このボタンを クリックしてみましょう。 すると この様に 真っ白な画面が出てきました。 そして、ここには 「プリローダー」と書いていますね。 「プロパティ」パネルには 「プリローダーのステージ」と書いています。 この画面はプリローダーのステージ ということで 本来のアニメーションとは異なるステージで プリロードしている間のみに 表示されるステージとなります。 このプリローダーのステージ メインのステージと異なり 設置できる要素が限られています。 こちらの テキスト要素 そして、こちらの…