この記事はUE5の「Ver5.3」で制作しているよ
こんにちは！ウンパッパです！
今回は「TPSゲーム」で「エイム」をする際や「常に画面を正面に固定する」際に
移動時、4つの方向でアニメーションをできるようにするよ
また、今回はアニメーションの修正を行っていくよ
まずは最終的にどうなるか見てみよう！
動画では左右や背面移動が違和感なく行えてるね！
今回の記事では「アニメーションの実装」のために
・ダッシュの実装
・アニメーションの修正方法
も載せてあるよ
それでは早速作っていこう！
素材をダウンロードする
まずは素材をダウンロードしよう
このフォルダをダウンロードしてね
中には「歩くの前後左右」と「走るの前後左右」があるよ
素材フォルダ
ちなみに、この素材は【Lyra Starter Game 】というUE5の公式が配布している無料プロジェクトから入手しているよ
もしダウンロードできなかったら
【Lyra Starter Game】からアセットをエクスポートで利用しよう
走るを実装する
今回は「走るアニメーション」も含めるため
「走る」を実装していくよ
もちろん、既に実装済みなら飛ばしてOKだ
まずはプレイヤーキャラクターの「BP」を開いてね
開いたらこんな感じにノードを組んでね
出来たら次に行こう
回転の値を取得する
「アニメーションBP」にて「前後左右」を判定するために「回転の値」を取得しよう
まずは「コンテンツ」から
今使っている「アニメーションBP」を開いてね
そしたら「EventGraph」をダブルクリックで開いて
こんな感じにBPを組んでね
これで「回転の値」の取得完了だ
ブレンドしたアニメーションを作成する
次に「ブレンドスペース」を使って「前」「後ろ」「右」「左」のアニメーションを混ぜに行くよ
まずは「コンテンツ」にて
「右クリック」⇒「アニメーション」⇒「ブレンドスペース」を選択
出来たら「4Way_Walk_Run」と命名
命名したら開いてね
開いたらまずは
「水平方向」に「Direction」
下限は「-180」上限は「180」
「垂直方向」に「Speed」を
下限「0」上限は「300」
を入れよう
今回は歩行のみなので「Speed」の上限は「300」
走りは後で作りに行くよ
次に、こんな感じにアニメーションを置こう
ちなみに「Shifit」を押しながら「◇」を動かすと、グリッドにかっちりはまるよ
アニメーションを置き終わったらOKだ
アニメーションBPに適応する
最後に「アニメーションBP」に「４Way_Walk」をブレンドしよう
「４Way_Walk」を開いたら
「AnimGraph」の「Locomotion」を開いてね
そしたら「Walk_Run」を開く
開いたら、ノードをこんな感じに組もう
これでOKだ！
プレイしてみるよ！
うん！四方向しっかりアニメーションしてるね！
ただ、なんだか右に走ってるときにキャラがまっすぐ向いてなくて違和感を感じる…
この違和感を解決すべく修正していこう！
アニメーションが「ガタガタ」するよ
ちなみに、この時にアニメーションが小刻みに「ガタガタしてる！」って状態なら
この記事を読もう
アニメーションを編集する
アニメーションを修正していくよ
今回は「Right」の「アニメーション」が修正したいので
まずは「Right」とついた「アニメーションシーケンス」を開いていくよ
開いたら
画面左側「アセット詳細」にある「ルートモーション」から
「Enable Root Motion」を「On」
「Root Motion Root Lock」を「Anim First Fram」に変えよう
そしたら、動画の再生バー（シークバー）を０にしよう
今回は体の向きを「常に望んだ方向に変えたい」だけで
「連続的な動きの編集」はしないよ
なので常に０の位置で編集の更新をするんだ
そしたら
画面左側を「スケルトンツリー」にして回転させたいジョイントをつかんで「回転」
編集が出来たら「+キー」を押して「キー」を打とう
画面下側にいろいろな線が出てくればOKだ！
「キー」が打てたら「プレイ」して試してみて
そっぽを向かずに正面を向いてる
うん、問題ないね！
これでアニメーションの修正は完了だ！
おわりに
以上！
【UE5】回転を取得して移動しよう！4方向アニメーションの歩き方！【TPS】
でした！
それでは次の記事にて、またね！
コメント