ゲーム開発備忘録

ゲームプログラマー UE4・5向けの記事を書いておりますので見ていただけるとありがたいです。

【ゼロからアンリアルエンジン5】 ⑲プレイヤーのHPに応じてHPバーを動かそう

目次

 

はじめに

注意

UE5Preview2の現在の情報です。

今後のアップデートによりUIや機能が変更される可能性があることをあらかじめご理解ください。

 

解説

①BP_ThirdPersonCharacterにHPを追加する

BP_ThirdPersonCharacterにfloat型の変数Hpを作成します。

f:id:namiton:20220323164608p:plain

デフォルト値を100にしましょう。

f:id:namiton:20220323181326p:plain

 

②タイムラインを使って値を変化させる

アンリアルエンジンにはタイムラインという機能があり、時間に応じたイベントや変数を制御できます。使ってみましょう。

タイムラインを追加するを押します。

f:id:namiton:20220323181532p:plain

名前はTestHpTimeLineに変更しておきます。

f:id:namiton:20220323181704p:plain

 

ダブルクリックして中に入ります。

左上のトラックからフロートトラックを追加します。

名前をSetTestHpとします。

f:id:namiton:20220323181746p:plain

ループにチェックを入れます。

f:id:namiton:20220323181758p:plain

長さを2に変更します。

f:id:namiton:20220323181836p:plain

shift+クリックでキーをうって

時間0,1,2に対して値が0,100,0になるようにします。

f:id:namiton:20220323182052p:plain

キーをすべて選択した状態で右クリックして自動を押します。

f:id:namiton:20220323182219p:plain

滑らかな曲線になりました。

f:id:namiton:20220323182256p:plain

コンパイル後にイベントグラフに戻ってBeginPlayの後ろに接続します。

f:id:namiton:20220323182351p:plain

タイムラインのカーブ値をHpにセットしてあげましょう。

f:id:namiton:20220323182444p:plain

 

③WBP_Hudに変数の追加と適応

WBP_Hudを開いてグラフに切り替えて変数WBP_HpをFloat型で作成します。

f:id:namiton:20220323182727p:plain

デザイナーに戻りHP_Barの詳細のプログレス、パーセントの項目にあるバインディングを作成をクリックします。

f:id:namiton:20220323182823p:plain

するとバインディングする関数が生成されるので関数名をGetHpに変更します。

f:id:namiton:20220323183051p:plain

関数の中に移動して画像のようにノードを組みます。

プレイヤーのHPは0~100でパーセントは0~1なので割り算を行っています。

f:id:namiton:20220323183210p:plain

コンパイルしておきましょう。

④BP_ThirdPersonCharacterからWBP_HudにHpをセット

BP_ThirdPersonCharacterを再び開きWBP_Hudを変数に昇格しておきましょう。

f:id:namiton:20220323183438p:plain

f:id:namiton:20220323183533p:plain

そしたらWBP_Hudの変数であるWBP_HpにHpをセットしてあげます。

f:id:namiton:20220323183559p:plain

実行して確認してみましょう。

時間経過とともにHPバーの値が上下に移動するはずです。

f:id:namiton:20220323183714p:plain

最後に

UE4やUE5向けの記事を書いています。

皆様の応援が投稿のモチベーションになりますので

コメントやTwitterのフォローなどしていただけるとありがたいです。

それではよきゲーム開発を。