UDK Scaleform UI の作成

概要

注意 : 2010年8月の QA ビルドから有効です。

このページでは、UDK UI GFx のサンプルをどのように作成およびインポートするかということについて解説します。もうすでに、CLIK/ を使える Flash 環境を構築されていることと思います。もしまだでしたら、ここで次の説明にしたがってセットアップしてください。 Scaleform GFx のセットアップ

ディレクトリ構造

UDK UI を作成するために必要なファイルは、 [UDK_LOCATION]/UDKGame/Flash に置かれています。UDK のユーザーは、 このページ からこれらのファイルを別々にダウンロードしなければならない場合があります。UDK UI のディレクトリは次のような構造になっています。

    /UDKGame/Flash/
        |
        +---ActionScript/
        |       *.as ファイルには、UI ロジックやウィジェットが含まれています。
        |
        +---UDKFonts/
        |   |   fontconfig.txt
        |   |   fonts_en.fla
        |   |   gfxfontlib.fla
        |   |
        |   \---fonts/
        |           *.ttf ファイル。これらフォントのインストール。
        |
        +---UDKFrontEnd/
        |       udk_assets.fla
        |       udk_manager.fla
        |       その他多数の *.fla ファイル。メインメニューや関連のスクリーンで使用。
        |
        \---UDKHud/
                *.fla ファイル。インゲーム UI で使用: HUD、Scoreboard、Minimap、Pause Menu

Flash 環境における ActionScript

* .FLA ファイルを .SWF に発行する前に、まず、 ActionScript/ ディレクトリを、Flash IDE 内の Class Paths（クラスパス）リストに追加する必要があります。Class Paths のセットアップについては、 CLIK/ のセットアップに関する説明 を参照してください。 Scaleform CLIK クラスパスの設定 UDK Uiの ActionScript/ ディレクトリを、Class Paths リスト内にある CLIK/ エントリの上に追加します。

.SWF ファイルの発行

* .SWF ファイルを発行直後にテストしてみることは、とても重要なことです。 GFx Launcher Panel (FGx ランチャーパネル) によって、この作業が容易になります。

ムービーの中には、他に依存しているものもあります。UDK UI において、ムービーの依存関係は次のようになります。

• あらゆるムービーが、 UDKFonts/*.fla に依存します。次のファイルをまず発行する必要があります。
  • UDKFonts/fonts_en.fla
  • UDKFonts/gfxfontlib.fla
• あらゆる FrontEnd ムービーは、 UDKFrontEnd/udk_assets.fla に依存します。 UDKFrontEnd/ 内の他のファイルよりも前に発行する必要があります。
• UDKHud/udk_hud.fla は、udk_minimap.fla に依存します。 udk_hud.fla をテストする前に、udk_minimap.fla を発行する必要があります。

「Unreal Engine 3」にインポートする

.SWFファイルの発行が完了すると、それらを UE3 にインポートすることが可能になります。詳細については、 GFx と UE3: インポート を参照してください。

注意: UDK UI は、UDK の中にインポート済みです。新たにファイルをインポートするには、以下のパッケージを削除する必要があります。

• UDKGame/Content/GFx/UDKFonts.upk
• UDKGame/Content/GFx/UDKFrontEnd.upk
• UDKGame/Content/GFx/UDKHUD.upk

UDK UI の継承フローチャート