概要

CreatureのSprite Frame Managerを使用すると、手作業で描かれたスプライトフレームをキャラクターのメッシュ領域にスワップすることができます。炎のアニメーションや人物の表情のような一連の画像をアニメーション化する際に非常に便利です。

あなたのメッシュ領域にスワップされたすべてのスプライトフレームは、Creatureのボーンやメッシュのモーターに応答して動きます。より洗練された効果を達成することができます。例えば、アニメーション化された炎の各フレーム図面を読み込み、Rotate CycleとPhysics Boneモーターが適用されたボーンチェーンにそれらの画像をスワップすることで、風によって炎が揺れるアニメーションを非常に簡単に作ることができます。

ステップ1:スプライトスワッピング用にメッシュ領域を有効にする

Meshing

まずRegionモードに切り替えます。次に、スプ​​ライトをスワップしたい領域の上をクリックします:

Meshing

スプライト/イメージのスワップを有効にするには、Enable Image Swapチェックボックスがオンになっていることを確認してください。

ステップ2: スプライトフレームマネージャを開始する

Image Swapをクリックすると、メニューが現れます。スプライトフレームマネージャーを呼び出すためにSprite Frame Managerを選択してください:

Meshing

ステップ3: スプライトフレームマネージャーの使用

新しいパネルが表示されます。これがSprite Frame Managerです:

Meshing

利用可能な機能:

  • Import - イメージまたは一連のイメージをシーンにインポートします。これらのスプライト画像は、現在のSprite Frame Managerコレクションに追加され、パネルに表示されます。

  • Remove - 選択したスプライトフレームを現在のコレクションから削除します。

  • Set - 選択したスプライトフレームをメッシュ領域に適用します。

  • Frame Delta - 1つのスプライトフレームが次のスプライトフレームにスワップされる前に表示するフレームの数。

  • Repeat Num - スプライトフレームスワッピングアニメーションをアニメーションタイムライン全体に伝播する回数

Sprite Frame Managerを使用する典型的な方法は、まず一連の画像をシーンにインポートすることです。次に、アニメーションスワッピングのために複数の画像を選択します(**Macではcommandキー+クリック、Windowsではcontrolキー+クリック):

Meshing

選択したスプライトの下に数字が表示されます。これは、スプライトがメッシュ領域にスワップされる順序を示しています。

その後、スプライトスワッピングの速度を決定するために、適切なFrame Delta値を設定します。また、スプライトスワッピングアニメーションをアニメーションタイムラインに伝播させたい回数を決定するためにRepeat Num値を設定します。

完了したら、Setをクリックして、スプライトフレームスワッピングアニメーションをあなたのメッシュ領域に適用します。

方法1(簡単な方法): スワッピングのために画像サイズを変更

このチュートリアルでは、スプライトスワッピングのためのリグとメッシュを準備する方法と、アニメーションモードでメッシュを拡大/縮小するためにメッシュモーターを簡単に変換する方法について説明しています。

Non

方法2(難しい方法): Sprite Sizerツールを用いて正しくないイメージサイズを修正する

Creatureのメッシュ変形フレームワークの固有の性質のため、生画像をメッシュ領域にスワップすると、正しくないサイズ/歪みが発生する可能性があります。これは、Creatureのスプライトスワッピングが長方形のイメージを非正規メッシュ領域にマッピングするといった複雑なプロセスを伴うためです。

これは、CreatureTools Githubページで提供されている新しいSprite Sizerスクリプトで修正できます: https://github.com/kestrelm/CreatureTools

Sprite Sizerツールは、入力フォルダからインプットされた画像を読み込み、正しいアスペクト比にサイズ変更した後、出力先のフォルダに出力します。

Sprite Sizerツールをインストールする

Github Creature Tools Pageに移動し、ファイルを取得してください:spriteSwapPrepare.py

Python - あなたのシステムにインストールする必要があります。ここでは、Windows.上でPythonをインストールする方法について説明します。デフォルトで、Mac OSXマシンにはPythonはすでにインストールされています。インストールが完了したら、次の設定を行います:

  • Pillow Pythonパッケージ。インストールの手順はこちら

  • EasyGui Pythonパッケージ。インストールの手順はこちら

Pythonパッケージのインストールにおけるヒント:一般的には、PIPのPython用セットアップがあれば、上記のPythonパッケージをインストールするのはとても簡単です。

たとえば、EasyGuiをインストールするには、次のように入力します:

pip install easygui

コマンドプロンプト/ターミナル上で上記のコードを入力。

Sprite Sizerツールの実行

スワップされたスプライト画像のサイズを正しく調整するこのツールの使用方法については、こちらの動画をご覧ください:

Non

ツールオプション

  • Source & Destination Directories: 読み書きするイメージのソースと出力先フォルダ

  • Aspect Ratio: これは、Tools -> Determine Sprite Swap DimensionsメニューでCreatureから取得した値です。このツールを実行するには、Animateモードでメッシュ領域を選択する必要があります。

  • Buffer Ratio: これは常に1.0より大きい値にする必要があります。あなたの画像にいくつかのパディングを与え、それらが正しくスワップされるようにします。画像にパディングがない場合、スワップされた画像は重なった画像に描画されることがあります。

  • Offset X & Offset Y: これらの値は一般的には0に設定する必要があります。これにより、画像をX方向とY方向にオフセットすることができます。ただし、スワップテクスチャアトラスに追加したときに隣接するイメージと重複/クロッピングするのを防ぐために、値をあまり大きくしないように注意してください。