次に「AmericanButton」の設定を行います。「⁠AmericanButton」シンボルを選択し，「⁠americanButton.gr」を貼り付けます。

続いて，アニメーションの設定を行います。「⁠AmericanButton」のタイムライン上に「component」レイヤーを作成し，そこへ「FadeEffect」コンポーネントを設置しましょう。

「FadeEffect」コンポーネントは，キャストの表示や削除の際にフェードの効果を与えます。フェードの時間をコンポーネントインスペクタで設定できるので，今回は「duration」の値を0.5にします。

「FrenchButton」と「MameButton」も同様に設定しましょう。「⁠FrenchButton」には「frenchButton.gr⁠」⁠，「⁠MameButton」には「maemButton.gr」を設置します。

設定が完了したら，ムービーを書き出して確認してみましょう。

「動物の詳細」ページのシーンの作成

ここまでで，「⁠動物の写真一覧」ページの設定がほぼ完了しました。次は「動物の詳細」ページの設定を行っていきます。

まず，シーンを作成するのですが，「⁠動物の詳細」ページは3つありますので，「⁠Progression シーンエディタ」で3つシーンを作成します。「⁠動物の詳細」ページは「動物の写真一覧」ページの下層にあたるので，シーンの作成は「gallery」シーンで行ってください。また，3つのシーンに「american」「⁠french」「⁠mame」と名前を付けます。

ボタンの設定

先ほど作成した「AmericanButton」「⁠FrenchButton」「⁠MameButton」は，現在ボタンとしての機能を持ってはいないので，コンポーネントを設置してボタンの機能を持たせます。それぞれの「component」レイヤーに，「⁠RollOverButton」コンポーネントを設置し，コンポーネントインスペクタから「scenePath」を設定します。

「AmericanButton」では，「⁠/index/gallery/american」に設定します。

同様に，「⁠FrenchButton」には「/index/gallery/french⁠」⁠，「⁠MameButton」では「/index/gallery/mame」と設定します。