【２Ｄ】BlendTree を利用した攻撃アニメの切り替え
最終更新：
orika_ex_miyako 2024年05月20日(月) 15:54:56履歴
２Ｄの場合、３Ｄの場合と異なり、キャラの向いている方向に応じた攻撃のアニメを用意し、同期させる必要があります。
特にトップビューの場合、キャラが上下左右方向を向いている状態がありますので、少なくとも３種類(左右は反転して利用)の攻撃アニメが必要になります。
攻撃アニメを用意した上で、Blend Tree を活用し、実際の攻撃の処理に応じて、向いている方向に合うように攻撃アニメの同期を行う方法です。
１．設計
移動の場合と同じで、２Ｄのゲーム画面にキャラを表示させる場合は主に４つの方向の画像やアニメを準備する必要があります。
これらを十字キーの方向入力に合わせることで、進行方向とキャラの画像・アニメを同期させて違和感をなくす必要があります。
まずは最初に、残りの３方向分の移動アニメを作成し、それを移動の方向に合わせて制御できるように
Blend Tree という Unity の持つアニメーションの機能を利用して、方向入力と同期できるように設定を行います。
ゲームではこのように、プレイヤーの操作状況を反映して、キャラの行動も変化しますので、アニメーションの再生もそれに同期するように制御が必要になります。
制御命令については次の手順で実装を行いますので、この手順では移動アニメの作成と、その設定を行います。
２．移動アニメの作成を行う
手順は前回、キャラを作成した場合と同じになります。
複数の同じ種類の画像をまとめてヒエラルキーにドラッグアンドドロップすることにより、
その画像を利用したアニメが作成されます。
これを、現在の方向以外の３方向分、作成を行います。
Unity にインポートされているキャラの画像の中から、同じ方向を向いている画像のファイルをまとめて選択します。
最初にキャラを作成する際に行った方法と同じです。
たとえば、左方向を向いている画像が３種類あるのであれば、それを３つまとめて選択してください。
まとめて選択する方法は Ctrl キーを押しながら左クリックです。
画像ファイルの選択
選択時のインスペクター画像
選択したファイルをそのままヒエラルキーにドラッグアンドドロップします。
Create New Animation というウインドウが開きます。
Create New Animation ウインドウ
ファイル名に、方向の名称を入れて、 player_left.anim や、player_right.anim に変更して保存を選択してください。
保存先には Animations のようなフォルダを作成しておいて、その中に保存するようにすると管理しやすくなります。
ヒエラルキーに画像ファイルの最初のファイル名と同じ名称のゲームオブジェクトが作成されます。
(複数の画像の場合、自動的に先頭のファイル名を持つゲームオブジェクトになります)
ヒエラルキー画像
移動用のアニメを作成することが目的ですので、ヒエラルキーに作成されたゲームオブジェクトは削除してください。
アニメーションは作成されているので問題ありません。
上記の手順を繰り返して、合計で４方向分の移動アニメを作成してください。
画像ファイル選択時のインスペクター画像��
画像ファイル選択時のインスペクター画像��
合計で、AnimationClip が４ファイル、Animator Controller が４ファイル作成されます。
フォルダ
以上で移動用のアニメの作成は完了です。
以上でこの手順は終了です。
次は 手順９ −プレイヤーキャラの移動アニメの設定− です。
特にトップビューの場合、キャラが上下左右方向を向いている状態がありますので、少なくとも３種類(左右は反転して利用)の攻撃アニメが必要になります。
攻撃アニメを用意した上で、Blend Tree を活用し、実際の攻撃の処理に応じて、向いている方向に合うように攻撃アニメの同期を行う方法です。
１．設計 
移動の場合と同じで、２Ｄのゲーム画面にキャラを表示させる場合は主に４つの方向の画像やアニメを準備する必要があります。
これらを十字キーの方向入力に合わせることで、進行方向とキャラの画像・アニメを同期させて違和感をなくす必要があります。
まずは最初に、残りの３方向分の移動アニメを作成し、それを移動の方向に合わせて制御できるように
Blend Tree という Unity の持つアニメーションの機能を利用して、方向入力と同期できるように設定を行います。
ゲームではこのように、プレイヤーの操作状況を反映して、キャラの行動も変化しますので、アニメーションの再生もそれに同期するように制御が必要になります。
制御命令については次の手順で実装を行いますので、この手順では移動アニメの作成と、その設定を行います。
２．移動アニメの作成を行う
手順は前回、キャラを作成した場合と同じになります。
複数の同じ種類の画像をまとめてヒエラルキーにドラッグアンドドロップすることにより、
その画像を利用したアニメが作成されます。
これを、現在の方向以外の３方向分、作成を行います。
Unity にインポートされているキャラの画像の中から、同じ方向を向いている画像のファイルをまとめて選択します。
最初にキャラを作成する際に行った方法と同じです。
たとえば、左方向を向いている画像が３種類あるのであれば、それを３つまとめて選択してください。
まとめて選択する方法は Ctrl キーを押しながら左クリックです。
画像ファイルの選択
選択時のインスペクター画像
選択したファイルをそのままヒエラルキーにドラッグアンドドロップします。
Create New Animation というウインドウが開きます。
Create New Animation ウインドウ
ファイル名に、方向の名称を入れて、 player_left.anim や、player_right.anim に変更して保存を選択してください。
保存先には Animations のようなフォルダを作成しておいて、その中に保存するようにすると管理しやすくなります。
ヒエラルキーに画像ファイルの最初のファイル名と同じ名称のゲームオブジェクトが作成されます。
(複数の画像の場合、自動的に先頭のファイル名を持つゲームオブジェクトになります)
ヒエラルキー画像
移動用のアニメを作成することが目的ですので、ヒエラルキーに作成されたゲームオブジェクトは削除してください。
アニメーションは作成されているので問題ありません。
上記の手順を繰り返して、合計で４方向分の移動アニメを作成してください。
画像ファイル選択時のインスペクター画像��
画像ファイル選択時のインスペクター画像��
合計で、AnimationClip が４ファイル、Animator Controller が４ファイル作成されます。
フォルダ
以上で移動用のアニメの作成は完了です。
以上でこの手順は終了です。
次は 手順９ −プレイヤーキャラの移動アニメの設定− です。
コメントをかく