初期配置コンポーネント

「index.fla」を開いてください。ステージ上には，「⁠EasyCastingLoader」と「WebConfig」コンポーネントが設置されています。「⁠WebConfig」コンポーネントは初期化を行うコンポーネントで，「⁠EasyCastingLoader」コンポーネントは実行時にXMLファイルを読み込んで，Progressionインスタンスを作成してくれます。これら2つのコンポーネントに関しては特に設定は必要ありません。

背景画面の設定

まず，背景画面の設定を行いましょう。ライブラリの中に「HomeBG」という名前のシンボルを作成します。そのシンボルに[assets]フォルダの[home]にある，「⁠homeBG.gr」グラフィックを貼り付けます。

「HomeBG」シンボルに貼り付けた「homeBG.gr」の座標を[x:0 , y:0]に設定します。これからシンボルに対してグラフィックを貼り付ける際は基本的に座標を[x:0 , y:0]にします。

作成した「HomeBG」シンボルをステージに設置しましょう。「⁠Scene1」を選択し，タイムラインを表示してください。タイムライン上の「stage」レイヤーの下に「background」レイヤーを挿入します。

レイヤーを挿入したら，1フレーム目を選択し，そこに「HomeBG」シンボルを設置しましょう。座標は[x:0 , y:0]です。

設置が完了したら，ムービーを書き出して確認してみましょう。設置したシンボルが表示されます。

Progression シーンエディタ

続いて，サイトの構成を担う「シーン」を作成していきます（シーンはURLのようなものだと考えてください⁠）⁠。「⁠シーン」を作成するために，「⁠Progressionシーンエディタ」を使用します。画面上部にあるツールバーの[ウィンドウ]→[その他のパネル]→[Progression シーンエディタ] をクリックします。

シーンの作成

「Progressionシーンエディタ」を開いたら，早速シーンを作成しましょう。「⁠index」と書かれた項目があるはずです。これがルートのシーンで，「⁠トップ」ページにあたるシーンになりますので，このルートシーンの下にシーンを作成していきましょう。

「index」と書かれた横のシンボルをクリックすると，「⁠シーンを挿入する」という選択肢が表示されるので，それを選択してください。

新規作成されたシーンに「about」と名前を付けてください。この「about」シーンが「サイトについての説明」ページにあたるシーンになります。

これで，「⁠トップ」ページと「サイトについての説明」ページの枠が完成しました。「⁠Progressionシーンエディタ」のファイルから「名前を付けて保存」を選択し，「⁠easycasting.xml」と名前を付けて[Project_gihyo_comp]→[bin-debug]内に保存しましょう。上書き保存で構いません。

今後「Progressionシーンエディタ」を使用して，何かしらの変更があった場合は保存を毎回行いましょう。