Skip to main content
UploadLanguage (EN)Support
BusinessMobileSocial MediaMarketingTechnologyArt & PhotosCareerDesignEducationPresentations & Public SpeakingGovernment & NonprofitHealthcareInternetLawLeadership & ManagementAutomotiveEngineeringSoftwareRecruiting & HRRetailSalesServicesScienceSmall Business & EntrepreneurshipFoodEnvironmentEconomy & FinanceData & AnalyticsInvestor RelationsSportsSpiritualNews & PoliticsTravelSelf ImprovementReal EstateEntertainment & HumorHealth & MedicineDevices & HardwareLifestyle
com044, profile picture
Uploaded bycom044
PDF, PPTX13,110 views

UE4勉強会 in 大阪 - もっとアニメーションBP

第６回UE4勉強会 in 大阪 https://ue4study-osaka.connpass.com/event/86875/

Engineering◦
Download as PDF, PPTX
UE4勉強会 in 大阪 もっとアニメーションBP
自己紹介 ● Twitter: com04 ● ゲームプログラマー ● 最近は機能検証と試作 ● 横浜×酒×UE4 2
自己紹介 ● マーケットプレイスに出品しました − ComMaterialTools ● https://www.unrealengine.com/marketplace/commaterialtools ● マテリアル検索の便利ツール ● 過去スライド − マテリアル基礎・初級 ● https://www.slideshare.net/com044/ue4-80326829 − UE4でのチーム製作 ● https://www.slideshare.net/com044/4ue4-in-ue4 − エンジンの内部挙動について ● https://www.slideshare.net/com044/ue4-in 3
事前情報 ● 今回は個人的なアニメーションBPの組み込みについて の話になります ○ UE4における最適解ではありません ○ ゲームジャンルや規模によっても多々変わることがあると思 います ○ 参考の一例としてください ● 前回：UE4勉強会 in 大阪 - アニメーションBP基礎 ○ https://www.slideshare.net/com044/ue4-in-91056422
事前情報 ● スライド枚数は多いですが、操作方法の手順説明が多 いので増えています ● スライドでBP等の構築を説明するより、動画とかwebページで纏めて設定方法 を説明するべきな気がしてきた...
もくじ ● アニメーションBPを作る前に ○ スケルトン ○ 設計 ● 基本動作 ○ Idle / Run / Jump ● Montageによる攻撃コンボ ○ ダメージ処理 ● 敵の方を向く ● 髪等の物理（Immediate Physics） ● 接地 パーティクル / サウンド ● 発展 version: UE4.19.2
アニメーションBPを作る前に
アニメーションBPを作る前に スケルトン
アニメーションBPを作る前に - スケルトン スケルトンに対してアニメーションBPを作る
スケルトンに対してアニメーションBPを作る 　→　異なるスケルトンに対しては同じアニメーションBPを適 用できない アニメーションBPを作る前に - スケルトン
アニメーションBPを作る前に - スケルトン スケルトンに対してアニメーションBPを作る 　→　異なるスケルトンに対しては同じアニメーションBPを適 用できない 　　→　同じようなキャラが10人登場する場合どうする？別々 にアニメーションBPを10個作る？
アニメーションBPを作る前に - スケルトン スケルトンに対してアニメーションBPを作る 　→　異なるスケルトンに対しては同じアニメーションBPを適 用できない 　　→　同じようなキャラが10人登場する場合どうする？別々 にアニメーションBPを10個作る？ 　　　→　変更が入ったら大変 実装変更 書き換え！ 書き換え！
アニメーションBPを作る前に - スケルトン スケルトンを共有する →　複数キャラクターでアニメーションBPを使い回せる
アニメーションBPを作る前に - スケルトン スケルトンの共有について、Epic Games Japanの岡田さ んが凄く詳しい資料を作成してくれています！ ● 猫でも分かる UE4のAnimation Blueprintの運用につ いて ○ https://www.slideshare.net/EpicGamesJapan/ue4animation-blueprint
アニメーションBPを作る前に - スケルトン 指針 ● ほぼ同じアニメーションBPになるキャラクターはスケル トンを共有する ○ アニメーションのアセットが別でも問題ない
アニメーションBPを作る前に 設計
アニメーションBPを作る前に - 設計 キャラクターBPとアニメーションBPの処理分け ● どこからどこまでキャラクターBPでやって、アニメーショ ンBPとやり取りするのか
アニメーションBPを作る前に - 設計 今回の設計 ● 設計に関してはプロジェクトに依る所が一番大きい所な ので、「それは違う」とか多々あるかと思います ● 今回のプロジェクトで実装した設計の内容になります
アニメーションBPを作る前に - 設計 今回の設計 ● キャラクターBPからアニメーションBPに状態/情報を投 げる ● アニメーションBPは情報を受け取って、それに応じたア ニメーションを再生する BP 各種計算 Anim BP 渡された情報 からアニメー ション
アニメーションBPを作る前に - 設計 ● アニメーションBPの中で極力状態を操作しない ○ アニメーションBPで状態を操作すると、そのシーン専用のアニ メーションBPになってしまう ■ バトル中、カットシーン、メニューで別々のアニメーションBP作る？出来 るだけ共通化したい ● ボタン押したら攻撃モーション開始 ● 移動/ジャンプ等動いている状態から変数設定 ● 敵の方を向く、IK有り設定 バトル中 ● 演出で攻撃モーション開始 ● 変数設定無し ● 敵の方は向かない、IK無し設定 メニュー中 アニメーション再生 アニメーションBP
基本動作
基本動作 下記は巻末資料に ※ループアニメーションをOFFにする方法 →　参考資料ページ ※ステートマシーンでStateの再生が終わったら自動的に 次に遷移する方法 →　参考資料ページ 自動遷移
基本動作 Idle（待機モーション）
基本動作 - Idle（待機モーション） 先ずは空っぽのアニメーションBPなので、まず待機モー ションを適用する アニメーションBP アニムグラフ
基本動作 Run（走りモーション）
基本動作 - Run（走りモーション） 今回は十字キー入力が有れば走りモーションに変えます。 スティックの倒し具合で歩き～走りの モーションブレンディングは行いません ● ブレンディングは前回スライド参照 ○ アニメーションBP基礎 55ページ
基本動作 - Run（走りモーション） 全体図 アニメーションBP アニムグラフ
基本動作 - Run（走りモーション） アニメーションBPに走る条件の変数を用意する ● IsAcceleration: 移動しているか アニメーションBP
基本動作 - Run（走りモーション） キャラクターBPから先程の変数に値を設定する CharacterMovement::GetCurrentAccelerationに値が 入っていたら加速中。走り中と判定 キャラクターBP イベントグラフ
基本動作 - Run（走りモーション） 「待機」と「走り」を状態によって切り替えるので、ステートマ シーンに入れ込む アニメーションBP アニムグラフ
基本動作 - Run（走りモーション） ステートマシンの中身 待機と走りモーション、その間の補間モーション ループアニメーション : OFF 走り開始モーション 走りループ モーション ループアニメーション : OFF 走り停止モーション 待機ループ モーション
基本動作 - Run（走りモーション） 遷移ルール 入力が入って、待機～走りモーションへの遷移 加速入力があれば遷移 自動遷移
基本動作 - Run（走りモーション） 遷移ルール 入力が停止されて、走り～待機モーションへの遷移 自動遷移 加速入力が無くなれば遷移
基本動作 - Run（走りモーション） 遷移ルール 走り開始モーション中に入力停止、 走り終了モーション中に再度入力開始された時の対処 加速入力が無くなれば遷移加速入力があれば遷移
基本動作 Jump（ジャンプモーション）
基本動作 - Jump（ジャンプモーション） ボタンを押すとジャンプをする 崖から落ちるとジャンプモーションになる
基本動作 - Jump（ジャンプモーション） アニメーションBPにジャンプ条件の変数を用意する ● IsAir: 空中にいるか アニメーションBP
基本動作 - Jump（ジャンプモーション） キャラクターBPから先程の変数に値を設定する CharacterMovement::IsFallingで空中に居るかを取得で きる キャラクターBP イベントグラフ
基本動作 - Jump（ジャンプモーション） 全体図 アニメーションBP アニムグラフ
基本動作 - Jump（ジャンプモーション） アニムグラフのトップ アニメーションBP アニムグラフ
基本動作 - Jump（ジャンプモーション） 「待機/走り」と「ジャンプ」を切り替える 「待機/走り」中のどの状態の時でも「ジャンプ」への遷移が 必要なので大本の方で遷移させる
基本動作 - Jump（ジャンプモーション） 遷移ルール 着地モーション終わった後の自動遷移 空中に居ればJumpに遷移 着地モーションのまま滑って移動してしまうので、 着地して動き始めていたら、着地モーションをキャンセ ルしてRunを開始させる
基本動作 - Jump（ジャンプモーション） 「ジャンプ」もステートマシーンに包む
基本動作 - Jump（ジャンプモーション） ステートマシーンの中身 ループアニメーション : OFF 着地モーション ジャンプループモーション
基本動作 - Jump（ジャンプモーション） 遷移ルール 着地モーション終了後は大本の方で「待機/走り」モーション に遷移する 着地したら遷移
モンタージュによる攻撃コンボ
モンタージュによる攻撃コンボ 前回スライド（アニメーションBP基礎 73ページ～
モンタージュによる攻撃コンボ 前回スライド（アニメーションBP基礎 73ページ～
モンタージュによる攻撃コンボ 前回のようにモンタージュを一つに纏めていると…… ● 複数人で作業する時に、分けて編集できない ● コンボ数が多くなるとタイムラインがもの凄く長くなって 編集しづらい
モンタージュによる攻撃コンボ 今回は１アタック１モンタージュにします
モンタージュによる攻撃コンボ まずアクション専用のアニメーションスロットを作成 アニメーションエディタ
モンタージュによる攻撃コンボ モンタージュを攻撃コンボの個数分作成 それぞれのアニメーションスロットを先程作成した値に変更 アニメーションエディタ
モンタージュによる攻撃コンボ アニムグラフのトップ 基本モーション処理後に先程のスロットを追加する。 これで先程のモンタージュが再生されると、ここで適用でき る アニメーションBP アニムグラフ
モンタージュによる攻撃コンボ アニメーションBPにモンタージュの変数を 用意する ● AttackMontages: Anim Montage型。 コンボの数分の配列 アニメーションBP
モンタージュによる攻撃コンボ アニメーションBPに攻撃モンタージュを再生する関数を用 意する。「Montage Play」ノード。 アニメーションBP
モンタージュによる攻撃コンボ キャラクターBPにコンボ段数の変数を用 意する ● ComboNo: 今がコンボの何段目か キャラクターBP
モンタージュによる攻撃コンボ キャラクターBPにボタン押されたらアニメーションBPの先 程の関数を呼ぶようにする 適時各々のボタン入力に 先程作ったアニメーション BP の関数 コンボの段数を上げるキャラクターBP
モンタージュによる攻撃コンボ とりあえずコンボは再生されるように
モンタージュによる攻撃コンボ ここでの問題 ● キャラクターBPの「ComboNo」が0に戻らないので２回 目の攻撃コンボが出ない ○ →１回目のコンボで「ComboNo」が4になったまま
モンタージュによる攻撃コンボ 今、再生命令を出した攻撃モンタージュ を記憶する変数を用意する アニメーションBP
モンタージュによる攻撃コンボ モンタージュ再生関数に追加 再生開始したモンタージュを覚えておく アニメーションBP
モンタージュによる攻撃コンボ アニメーションBPイベントグラフの「Blueprint Begin Play」 に「OnMontageEnded にイベントをバインド」ノードを繋ぐ ● OnMontageEnded: モンタージュの再生が終了すると 呼ばれる アニメーションBP アニムグラフ
モンタージュによる攻撃コンボ 「OnMontageEndedにイベントをバインド」ノードのイベント 引数から引っ張ってカスタムイベントを追加する アニメーションBP アニムグラフ
モンタージュによる攻撃コンボ 再生時に保存したモンタージュと同じアセットが終了した (＝最後のコンボ攻撃) なら、コンボ数を0に戻す 最後のコンボ攻撃の 終了イベントか コンボの番号 を0に戻すアニメーションBP イベントグラフ
モンタージュによる攻撃コンボ これでコンボが途切れた後も再度1発目からコンボを撃て るように
モンタージュによる攻撃コンボ ここでまだ問題 ● モーションのどのタイミングでもコンボが出来てしまう 攻撃モーション:0.0秒 まだ殴る前の予備動作 攻撃モーション:0.24秒 殴った 攻撃モーション:0.4秒 殴った後、腕を引いた ここから次のコンボが出来てしまう 本当はここからコンボ受 け付けたい
モンタージュによる攻撃コンボ まずキャラクターBPに攻撃受付中か フラグを用意する キャラクターBP
モンタージュによる攻撃コンボ キャラクターBPの攻撃処理部分に先程のフラグ操作を入 れる 攻撃許可が出てる時だけ処理 攻撃中なのでコンボを 受け付けなくする キャラクターBP イベントグラフ
モンタージュによる攻撃コンボ 最後のコンボ攻撃の時に攻撃許可状態にしておく →１発目攻撃ボタン押せるように コンボ終わったので攻撃許可 アニメーションBP イベントグラフ
モンタージュによる攻撃コンボ タイミングを指定するために、モンタージュアセットに「この 間だけ次のコンボを受け付ける」通知を用意する この間だけコンボ入力を受け付ける
モンタージュによる攻撃コンボ コンテンツブラウザからブループリントを作成 親クラスを「AnimNotifyState」にして作成 →巻末資料のAnimNotifyState
モンタージュによる攻撃コンボ 先程作成したブループリントの関数のオーバーライドから 下記を追加 ● Received Notify Begin ● Received Notify End 攻撃受付AnimNotifyState BP
モンタージュによる攻撃コンボ Receive Notify Beginで攻撃受付するように 攻撃許可 （＝コンボ受付） 攻撃受付AnimNotifyState BP Received Notify Begin
モンタージュによる攻撃コンボ Receive Notify Endで攻撃受付するように 攻撃許可終了 （＝コンボ受付終了） 攻撃受付AnimNotifyState BP Received Notify End
モンタージュによる攻撃コンボ 攻撃モンタージュの通知欄を右クリックから、 「通知ステートを追加」→先程作成したAnimNotifyStateを 指定する アニメーションエディタ 右クリック
モンタージュによる攻撃コンボ 登録した後、コンボを受け付ける範囲を指定する この範囲内はコンボを受 け付ける アニメーションエディタ
モンタージュによる攻撃コンボ これで攻撃コンボが出来るように！
ダメージ処理
ダメージ処理 攻撃で敵にダメージを与える。 コリジョン機能とDamage機能を使用します
ダメージ処理 キャラクターBPに、攻撃ヒット用のコリジョンを用意します Collisionコンポーネント の追加 今回は両手両足の４つ SphereCollision追加 キャラクターBP
ダメージ処理 コリジョンをキャラクターのソケットにくっつけます 「親ソケット」の虫眼鏡を クリックすると、メッシュの ソケット一覧が出てきます キャラクターBP
ダメージ処理 コリジョンの球が先程指定したソケットにくっつきます 今回は下記設定にしました ● 左手コリジョン → hand_l ● 右手コリジョン → hand_r ● 左足コリジョン → foot_l ● 右足コリジョン → foot_r
ダメージ処理 コリジョンコンポーネントを選択して、詳細パネルの「イベン ト」から「On Component Begin Overlap」を選択 「＋」ボタンを押すとイベントグラフにノードが追加 される。 コリジョン内にアクターが入ったら呼ばれる キャラクターBP
ダメージ処理 入ってきたアクターに対して、「Apply Damage」でダメージ を与える 自分自身に対しても呼ばれるので、 Self と比較して自分自身にはダメージがいか ないようにする 対象のアクターにダメージを 与える「ApplyDamage」ノードキャラクターBP イベントグラフ
ダメージ処理 「Apply Damage」でダメージを受けた側は「Any Damage」 イベントが呼ばれる イベントグラフを右クリックから 「AnyDamage」でイベントを作る キャラクターBP イベントグラフ
ダメージ処理 これでコリジョン→ダメージ処理が出来た。 ただし、今のままだと攻撃が発生しなくてもコリジョンがヒッ トするので、モンタージュと連携するように 歩いているだけで ヒットしている
ダメージ処理 何もしていなくてもコリジョンがヒットするので、コンストラク ションスクリプトでコリジョンを無効に コリジョンを無効にする設定 キャラクターBP
ダメージ処理 攻撃コンボと同じ様に「AnimNotifyState」を作成
ダメージ処理 同じ様にReceived NotifyBegin/Endをオーバーライド。 合わせて、各コリジョンを 使用するかフラグの変数を用意 今回の4つのコリジョン それぞれを有効にするか インスタンス編集可能 をONに コリジョンAnimNotifyState BP
ダメージ処理 Received Notify Beginでフラグを見てコリジョンの有効/無 効を切り替える Notifyのフラグ「UseCollisionLH」を見て コリジョンの有効/無効を切り替え コリジョンAnimNotifyState BP Received Notify Begin
ダメージ処理 各コリジョンについて同じ 様にやっていく UseCollisionLH: 左手 UseCollisionRH: 右手 UseCollisionLF: 左足 UseCollisionRF: 右足 コリジョンAnimNotifyState BP Received Notify Begin
ダメージ処理 Received Notify Endで全部のコリジョンを無効にする コリジョンAnimNotifyState BP Received Notify End
ダメージ処理 攻撃コンボと同じ様にモンタージュ内で通知ステートを設定 する ここから コリジョン有効 ＝敵にダメージ与えれる ここで コリジョン無効 アニメーションエディタ
ダメージ処理 通知をクリックすると詳細欄にパラ メーターが出るので、付けたいコリジョ ンをONにする クリックする コリジョンを発生させたい箇所 をONに ここでは左手での攻撃なので 左手だけON アニメーションエディタ
ダメージ処理 これで攻撃モンタージュの指定範囲だけコリジョンが有効 に
敵の方を向く
敵の方を向く 攻撃ターゲットしている敵を向いたり、NPCと会話する時に 相手の方を向いたり 今回は首だけを向ける （本来はちょっと上体も 曲げた方がいい筈）
敵の方を向く アニメーションBPに、どの座標に向 けるかの変数を用意する アニメーションBP
敵の方を向く アクションのスロットの後に「注視点(LookAt)」ノードを入れ る アニメーションBP アニムグラフ 内部的な座標変換 で必要
敵の方を向く 「注視点」ノードは指定したボーンを、 指定した座標に向けるノード アニメーションBP アニムグラフ 操作したいボーン 「Bone to Modify」の注視点へ向 けるべクトル （今回なら前方向のベクトル） どの座標へ向けるか。 チェックボックスをONにして、ノードの引 数として設定出来るように 向ける角度制限