rn.log

備忘録など

【UE4】サンプルSTGを改造して5-Way弾を打たせてみる

UE4はじめました。

自身のUE4学習もかねて、今回はサンプルSTGを改造して5-Way弾を撃たせるまでの手順を記事として書き残したいと思います。

f:id:r-ngtm:20170726182737g:plain

環境

Windows 10
UE4のバージョン: 4.12.5

0. プロジェクト作成

Twin Stick Shooter を選択して新規プロジェクトを作成します。

f:id:r-ngtm:20170726182947p:plain

ASDWで移動、矢印キーで1-way弾の発射ができるSTGが作成されます。 (Alt + Pでゲーム再生)

f:id:r-ngtm:20170726183310g:plain

今回はこのSTGを改造して、5-Way弾を発射できるようにしていきたいと思います。

1. 自機のブループリントを開く

アウトライナの TwinStickPawnを編集 と青字で書かれている部分をクリックしてブループリントを開きます。

f:id:r-ngtm:20170726211033p:plain

f:id:r-ngtm:20170726183934p:plain

弾の生成処理

弾を生成している処理は、FireShot 関数内の以下の黄色で囲った部分になります。

f:id:r-ngtm:20170726184822p:plain

ここを編集して5-Way弾を実装していきます。

STEP2. 弾の向きの変更

CombineRotatorsノードの配置.

CombineRotatorノードを配置します。

f:id:r-ngtm:20170726190005g:plain

CombineRotatorsノード は回転情報であるRotatorに別のRotatorを加算するときに使用するノードです。

今回はこのノードを利用して、弾の回転を実装します。

CombineRotatorsノードの接続

CombineRotatorsの青色のリンクを以下のように繋ぎます。

f:id:r-ngtm:20170726192006p:plain

補足: ピンの分割

ピンを右クリックして Split Struct Pinを選択するとピンを分割することができます。

f:id:r-ngtm:20170726190452p:plain:h200

f:id:r-ngtm:20170726202320p:plain

以上で弾の向きを変更する準備が整いました。

回転が変わることを確認してみる。

ここで、試しにYawへ15を入力してみましょう。

f:id:r-ngtm:20170726202554p:plain

弾が15°ずれた方向へ飛ぶようになります。

f:id:r-ngtm:20170726203821p:plain

Yawの入力値が弾の回転の加算値となるのです。

Forループを使って弾を複数生成する

次に、弾の生成処理にForループをかませて弾の生成処理が複数回呼ばれるようにしていきます。


弾の生成を行っているノードは SpawnActor ノードです。

f:id:r-ngtm:20170726215041p:plain:h250

ForLoopノードの配置

ForLoopノードを配置します。

f:id:r-ngtm:20170726191221p:plain

ブランチノードの出力ピンをドラッグアンドロップするとノードの配置と繋ぎなおしを同時にやってくれるので楽です。

f:id:r-ngtm:20170726191128g:plain

今回は弾を5個撃ちたいので、First Index を -2, Last Index を 2に設定します。

f:id:r-ngtm:20170726191415p:plain

CanFireフラグの設定タイミングの変更

サンプルでは、弾を1回撃った直後に Can Fire フラグ(弾の発射可能フラグ)をOFFにする処理が入っており、弾が1つしか発射できないようになっています。

f:id:r-ngtm:20170726210101p:plain

セットノードの実行フローをForLoopノードのCompletedピンに繋ぎ、 5つの弾すべてが発射されてからフラグがOFFになるようにします。

f:id:r-ngtm:20170726193044g:plain

リンクの切断は Alt + 左クリック で行うと楽ちんです。


ForLoopノードの配置は以上で完了となります。

45°間隔で弾が発射されるようにする

次に、Forループのインデックスを利用して弾の回転を設定していきます。

Forループのインデックスに45をかけたものをYaw(弾の回転)に設定するようなノードを組んでいきます。

(弾の回転) = 45 * (インデックス)

まず、ForLoopノードのIndexピンに int*floatノードを接続します。

f:id:r-ngtm:20170726194142g:plain

そしてfloatに45を入力し、CombineRotatorsノードの Yawに接続します。

f:id:r-ngtm:20170726194332p:plain

以上で5-Way弾を発射する準備は完了となります。

2. 確認してみる

ゲームを再生して、矢印キーを押すと弾が5方向へ発射されることが確認できます。

f:id:r-ngtm:20170726194726g:plain

3. 角度を狭くしてみる

45°間隔で弾が発射されることが確認できました。

次はこれを間隔で発射されるようにしてみたいと思います。

先ほどのint*floatノードで45を入力していたところを5に変更します。

f:id:r-ngtm:20170726195136p:plain

弾が1つしか出ない

この状態で弾を撃っても、1つの方向にしか発射されません。

f:id:r-ngtm:20170726195236p:plain

これは、弾同士が接触することによって消滅を起こしてしまっているのが原因です。

なので、弾のコリジョン設定を変更して弾が消えないようにしてみます。

弾のコリジョンの設定

コンテンツブラウザでTwinStickProjectileをダブルクリックしてブループリントを開きます。

f:id:r-ngtm:20170726195713p:plain

ビューポートタブで弾をクリックし、詳細タブからCollisionを設定します。

f:id:r-ngtm:20170726200123p:plain

今回は弾同士のコリジョンを無効にしたいので、Projectile の無視チェックボックスをONにします。

f:id:r-ngtm:20170726200627p:plain

確認してみる

コリジョンが正しく設定できていると、弾が5個発射されることが確認できます。

f:id:r-ngtm:20170726200753p:plain