執筆バージョン: Unreal Engine 4.24 |
ハローアンリアル!エンジニアの片平です。 今回はBPで組むと複雑になりがちなアクションゲームのコンボ攻撃の処理を、GameplayAbilitySystemのAbilityTag機能を使って作成してみました。
GameplayAbilitySystemとは
RPGやMOBA等で頻繁に使用されるアビリティを管理するシステムです。 アビリティとは、キャラクターが繰り出す攻撃、スキル、アイテム使用などのひとつひとつの「行為」です。 また、アビリティによって引き起こされるアトリビュート(=キャラクターの持つ数値、ステータス)の変化、発生するエフェクトなどの見た目上の挙動など関連する要素を効率的に実装することができます。 まだベータな機能ではありますが、FortniteやParagonなどの大型タイトルでも採用されているそうです。
今回は詳細や導入は省きます。上記の記事をご参照ください。 リファレンスプロジェクトとしてはActionRPGが非常に参考になります。 カバーする範囲が広い分、全体を把握しようと思うとかなり覚えることが多いですが、今回はGameplayAbilityComponent、GameplayAbilityのみを使用します。 GameplayEffect、GameplayAttribute、GameplayCue、GameplayTask、GameplayEventについては知らなくても構いません。 セットアップにはC++が必須となります。
AbilltyTagとは
GameplayAbilityに設定することができるTag(GameplayTag)です。
AbilityTagでAbilityの呼び出しや実行制限などの制御ができます。
つまり、Tagの設定だけでステート管理をすることができます。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/0d40a5e4a645fc6b96e767d64ac0878e-2.png)
今回使用する設定項目の効果について下記にまとめました。
AbilityTags |
Ability自身が持っているTag |
Cancel Abilities with Tag |
Abilityが実行されているときに、このTagをもつAbilityをキャンセルする |
Block abilities with Tag |
Abilityが実行されているときに、このTagを持つAbilityを実行させない |
Activation Owned Tags |
Abilityを実行している間、所有者にこのTagが付与される |
Activation Required Tags |
所有者がこのTagを持っているときのみ実行できる。 |
Activation Blocked Tags |
所有者がこのTagを持っているときは実行できない。 |
コンボ攻撃を作成する
プロジェクト作成
ThirdPersonテンプレートからC++プロジェクトを作成します。 今回はBlogComboというプロジェクト名で作成しました。
アニメーションアセットを用意
今回はマーケットプレイスのやたらかっこいいアニメーションアセットを使用しました。 Frank Action RPG Sword 1 (Basic Set) 以下のアニメーションを使用しています。
- コンボ1段目:52_Frank_ActionRPG_Sword_Combo_B1
- コンボ2段目:53_Frank_ActionRPG_Sword_Combo_B2
- コンボ3段目:54_Frank_ActionRPG_Sword_Combo_B3
ThirdPersonのMannequinで使用できるように上記のアニメーションをリターゲットしておきます。 今回のアニメーションはrootに移動が入っているのでEnableRootMotionにチェックを入れておきました。
GameplayAbilitySystemプラグイン有効化
GameplayAbilitySystem はプラグインによって提供されています。 プラグイン設定からGameplay → GameplayAbilitiesのEnabledにチェックを入れて、指示通りエディタを再起動してください。 ![](https://historia.co.jp/wp/wp-content/uploads/2020/05/21b11ac226f9e12d22ff852f9ee0cb4d.jpg)
GameplayAbilitySystemセットアップ
セットアップに関してはおかわり はくまい様の記事で非常に分かりやすくまとめられているため、そちらをご参照ください。 GameplayAbilityを拡張する都合上、(プロジェクト名).Build.csのPublicDependencyModuleNames.AddRangeには、GameplayAbilitiesの他、GameplayTags、GameplayTasksも追加しておいてください。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/2e30453f496ab9ce154190eea5c75972.jpg)
ThirdPersonテンプレートから作成していると、ThirdPersonCharacterの親となるCharacterクラス(ここではBlogComboCharacter)が出来ていると思うので、こちらにC++でGameplayAbilityComponentを追加します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/d9e175c06c071542b6c454ccb8b92225.jpg)
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/3c39605fbff60059b9f286a3ab23d602-300x178.png)
ビルドが終わると継承しているThirdPersonCharacterにもAbilitySystemComponentが追加されます。
AbilityTagの追加/削除ができるようにGameplayAbilityを拡張
デフォルトのGameplayAbilityではBP側から任意のタイミングでAbilityTagの追加/削除ができないためGameplayAbilityを継承したクラスで拡張します。 BlogComboGameplayAbility.h
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
|
#pragma once #include "CoreMinimal.h" #include "Abilities/GameplayAbility.h" #include "BlogComboGameplayAbility.generated.h" /** * */ UCLASS() class BLOGCOMBO_API UBlogComboGameplayAbility : public UGameplayAbility { GENERATED_BODY() /** AbilitySystemComponentのGameplayTagCountContainerに新しいGameplayTagを追加する */ UFUNCTION(BlueprintCallable, Category = "GamePlayAbility") virtual void AddGameplayTags(const FGameplayTagContainer GameplayTags); /** AbilitySystemComponentのGameplayTagCountContainerのGameplayTagを削除する */ UFUNCTION(BlueprintCallable, Category = "GamePlayAbility") virtual void RemoveGameplayTags(const FGameplayTagContainer GameplayTags); }; |
BlogComboGameplayAbility.cpp
|
#include "BlogComboGameplayAbility.h" #include "AbilitySystemComponent.h" void UBlogComboGameplayAbility::AddGameplayTags(const FGameplayTagContainer GameplayTags) { UAbilitySystemComponent* Comp = GetAbilitySystemComponentFromActorInfo(); Comp - > AddLooseGameplayTags(GameplayTags); } void UBlogComboGameplayAbility::RemoveGameplayTags(const FGameplayTagContainer GameplayTags) { UAbilitySystemComponent* Comp = GetAbilitySystemComponentFromActorInfo(); Comp - > RemoveLooseGameplayTags(GameplayTags); } |
これでBPからAbilityTagの追加/削除ができるようになりました。
コンボ1段目の作成
AnimationMontageの作成
コンボ1段目のAnimationMontageを作成します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/24d7f3121400d1f97127a861eb529bae.jpg)
作成したAnimationMontangeに1段目のコンボで使用するアニメーションを追加します。
AnimationBluePrintの編集
ThirdPerson_AnimBPを開き、AnimGraphを以下のようにつなぎ変えます。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/8339f3a77d2c7ee208448af507cf0a76-1024x432.jpg)
これでDefaultSlotでAnimationMontageを再生することができるようになります。
GameplayAbilityの作成
先ほど作成したBlogComboGameplayAbilityを継承したBPを作成します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/0641caae048b99361cda44d7f13d331b.jpg)
作成したGameplayAbilityを開いて、以下のようにBPを組みます。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/a39eede911640527c03bb37b4680f492.jpg)
PlayMontageではMontage to Playに先ほど作成した1段目のAnimationMontageを指定します。 ClassDefaultsのTagsを以下のように設定します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/2d328ce02b788e15b749494194094ae8.jpg)
これによってAbility開始時にAbility.State.Combo1が所有者に付与され、Ability.Stateが付与されているときは実行できない、つまり二重に実行されるのを防ぐことができます。
Characterの設定
ThirdPersonCaracterを編集していきます。 以下のようにClassDefaultsのAbilities – Ability Listに先ほど作成したGameplayAbilityを追加します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/ce58c34acb1ee3fb842b85732c23c09a.jpg)
以下のようなBPを組みます。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/077bf10d578247a661e415faf7970024.jpg)
Zキーを押すとTryActiveAbilitiesbyTagノードでAbility.Action.Attackを指定して実行します。 これでAbilityList内でAbilityTagにAbility.Action.Attackを持つものが実行されます。 武器を持たせないと雰囲気が出ないため適当に持たせましょう。 ![](https://historia.co.jp/wp/wp-content/uploads/2020/05/38c4c35072e02a990f159bbe1554f5f1.jpg)
コンボ1段目完成!
以上の手順でZキーを押すと攻撃を繰り出すことができるようになります。
連打しても多重実行を禁止しているため、アニメーションが終わるまで再度実行はできません。
コンボ2段目の作成
コンボ1段目のAnimationMontageにNotifyの追加
2段目のコンボを作成するには1段目のAnimationMontageにNotifyを設定する必要があります。 今回は先行入力も入れたいので、下の画像のようにアニメーション中に2種類の通知が必要となります。 ![](https://historia.co.jp/wp/wp-content/uploads/2020/05/Untitled-Diagram-1.png)
- A.入力可能 … この期間に次の攻撃の入力が受け取れます。
- B.次の攻撃に移行可能 … この期間に次の攻撃に移行することができます。
1段目のAnimationMontageのNotifiesのトラックを右クリックし、Add Notify State → Montage Notify Windowを追加します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/e806969d023c8293e709758c94c3259d-300x119.jpg)
これを上記の「A.入力可能」の通知として、始点を振り切るちょっと前くらい、終点を振り切ったちょっとあとくらいに設定しておきます。
DetailからNotifyNameを「Combo1.Input」としておきます。
さらに+ボタンでトラックを増やし、Montage Notify Windowを追加します。
これを上記の「B.次の攻撃に移行可能」の通知として、始点を振り切る瞬間、終点をAの終点と同時に設定します。
DetailからNotifyNameを「Combo1.Branch」としておきます。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/93e60637195d99cab0b6326ab5f9e11a-1-1024x204.jpg)
2段目のAnimationMontage作成
1段目と同様にAnimationMontageを作成します。 2段目のアニメーションをセットします。3段目のためにNotifyも追加しておきましょう。
1段目のGameplayAbilityに追加
PlayMontageのOnNotifyBegin、OnNotifyEndから伸ばす形で以下のようなBPを追加します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/68c724c1b9642761c6aba0d4c7509aac.jpg)
OnNotifyBeginが呼ばれた時にはNotify対応するタグを追加し、RemoveGameplayTagsが呼ばれた時にはNotifyに対応するタグを消してます。 <対応するタグ>
- Combo1.Input → Ability.Ready.Combo2
- Combo1.Branch → Ability.Begin.Combo2
また、OnEndAbilityにもRemoveGameplayTagsを追加しましょう。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/1e988a926d1070e3d92a901d612b7b34.jpg)
これでAbilityが終了したときに必ずAbility.Ready.Combo2、Ability.Begin.Combo2が消えるようになります。
2段目のGameplayAbilityの作成
2段目のGameplayAbilityを作成します。作成したBlogComboGameplayAbilityを継承します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/ffcc2484f1eee4e927125d0faa5f9b46.jpg)
ClassDefaultsのTagsを以下のように設定します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/fd4eccd788f2878b5cb13c7aa81fb11f.jpg)
ActivationRequiredTagsにAbility.Ready.Combo2が入っているので、1段目のAnimationMontageで設定した「A.入力可能」の期間のみ実行することができます。 以下のようなBPを組みます。 ![](https://historia.co.jp/wp/wp-content/uploads/2020/05/0492378c67ae384ca76f7c95aa720522.jpg)
WaitGameplayTagAddは指定したAbilityTagの追加があるまで待つノードです。
ここにAbility.Begin.Combo2を設定しているので、1段目のAnimationMonageで設定した「B.次の攻撃に移行可能」期間のみコンボアニメーションを再生できます。
Characterの設定
ThirdPersonCaracterのClassDefaultsのAbilities – Ability Listに2段目のGameplayAbilityを追加します。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/9b039d539deceaeaf7fac846743a9817.jpg)
コンボ2段目完成!
以上の手順で2段目のコンボができました。
連打すれば最速で2段目が出ます。ちょっと遅らせて入力すれば入力した瞬間2段目が出ます。
コンボ3段目以降の作成
3段目以降も基本的に2段目と同様の作成の手順で作成できます。
- 前段のAnimMontageのNotify追加
- 前段のGameplayAbilityでNotifyに対応したAbilityTagを追加/削除
- AnimationMontageの作成
- GameplayAbilityの作成
- Characterへの設定
まとめ
というわけで今回はGameplayAbilitySystemのAbilityTagを使ってコンボ攻撃を作成してみました。 GamepalyAbilitySystemを使うことで非同期処理や効率的なネットワーク実装など様々なメリットが得られるのですが、今回はロジックを分散できる点が非常に嬉しいと実感できました。 CharacterのBPこれで済んじゃいますからね。
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/077bf10d578247a661e415faf7970024.jpg)
(参考)趣味で作ったプロジェクトのコンボ処理↓
![](https://historia.co.jp/wp/wp-content/uploads/2020/05/285ec286d703f778acebcfbbc8fc4df1-1024x428.png)
GamepalyAbilitySystemは今回使ったもの以外にも便利な機能が盛りだくさんなので是非、活用してみてください!