Paper 2D フリップブック

Paper 2D フリップブックと作成方法についての説明。

Paper 2D フリップブック (または省略して フリップブック) は、手書きのアニメーション形式と考えるとよいでしょう。少しづつ違いがある一連の画像が「パラパラ」漫画のような動きをします。UE4 では、フリップブックは、一連のキーフレームから構成されます。各キーフレームには、表示する スプライト とそれを表示する持続時間 (フレーム単位) が含まれます。 [Frames Per Second] オプションでは、どれくらいの速さでフレームが表示されるかを決めて、1 秒間にどれくらいの数のアニメーションの動きがあるかを示します。キーフレーム自体は、[Details (詳細)] パネルまたは Flipbook Editor の下部にある タイムライン を使用して編集できます。

フリップブックを作成する

フリップブックを作成するには、いくつかの方法があります。ブランクのフリップブックを作成し、自分でスプライトを入れるか、または選択した一連のスプライトに基づきフリップブックを自動生成することができます。

JSON 形式のスプライト シートの記述をインポートして、これにより付随するテクスチャをインポートし、記述されたフレームに対してスプライトとフリップブックも作成することができます。詳細は Paper 2D のインポートオプション を参照してください。

ブランクのフリップブック

ブランクのフリップブックの作成は、以下の手順で行うことができます。

コンテンツ ドロワーから作成:

  1. [+Add (追加)] ボタンをクリックし、「アニメーション」のコンテキスト メニューで [Paper Flipbook] オプションを選択します。

    In the context menu under Animation select the Paper Flipbook option

    [Add New] ボタンをクリックする代わりに コンテンツ ドロワー 内で右クリックしても、コンテキスト メニューを表示させることができます。

  2. 新規フリップブックの名前の入力を求められます。

    New Flipbook

  3. 名前を選択後、フリップブック アセットが作成されました。

    Your Flipbook asset has been created

    左下隅のアスタリスク記号は、アセットが未保存であることを示し、保存すると記号は消えます。

自動生成のフリップブック

フリップブックを自動生成するには、以下の手順に従います。

コンテンツ ドロワーから作成:

  1. コンテンツ ドロワー でフリップブックに含めたい各スプライトを探して選択します。

    Locate and select each of the sprites you would like to include in the Flipbook in the Content Drawer

  2. 任意のスプライト上で 右クリック し、コンテキスト メニューから [Create Flipbook (フリップブックを作成)] オプションを選択します。

    Select the Create Flipbook option from the context menu

  3. 新規フリップブックの名前の入力を求められます。

    You will then be prompted to enter a name for your new Flipbook

  4. 名前を選択後、フリップブック アセットが作成されました。

    Your Flipbook asset has been created

    コンテンツ ドロワー でフリップブックにマウスをかざすと、フリップブック アニメーションのプレビューを見ることができます。

フリップブックを自動生成する場合、含めるスプライトで使用する命名規則は 非常に重要 です。こうしたスプライトはアルファベット順にフリップブックに追加されるからです。上の例では、Idle を作成するための各スプライトに Idle_x という名前を付けました。この場合の x は、一連のスプライトの中での表示順序を表します。

Unreal Engine のドキュメントを改善するために協力をお願いします!どのような改善を望んでいるかご意見をお聞かせください。
調査に参加する
キャンセル