Unreal Engine 4 (UE4) Advent Calendar 15日目の記事です。
ゲーム制作事例記事第２弾でございます。第１弾はこちら。
「１週間ほどで出来るゲームを作ろう。モデルは全部基本形状で。ほんのり物理を感じるやつ。」という目標でゲームを作ってみました。
ステージを傾けてボールを操り、ゴールを目指すゲーム。
— PavilionDV7 (@Dv7Pavilion) 2017年10月20日
作って気づいたが、自分はレベルデザインがとことん苦手みたいだ。#UE4 #EpicFriday pic.twitter.com/PvPXc5q1AT
スーパーモンキーボール風なゲームとなっています。
#プレイヤーボールクラス
##ステージを傾ける
このゲームはボールを直接回転させてはおらず主にステージを傾ける事でボールを動かしています。これはプレイヤーボールクラスで行っています。
レベル上での階層はこのようになっておりBP_StagePvotとムーバブルに設定したスタティックメッシュアクタを親子構造としています。プレイヤーの入力でBP_StagePvotを回転させることでステージを傾けています。
スタティックメッシュアクタはムーバブルに設定しておかないと一切回転してくれません。自分はこれに気付かず随分と時間を取られてしまいました。
ステージの回転処理部分です。WSキーを押したときにはピッチ回転（前後に傾ける）ADキーを押したときにはロール回転（左右に傾ける）としています。
しかし入力された数値をそのままSetActorRotationに入れてしまうとカメラの向きに関わらず常に決まった方向にしか傾きません。そこでカメラの前方と右方のベクトルから回転を作成し合成することでWキーを押した時はカメラの向いている方向にステージを傾けるようにしました。
この処理により狙っている方向に転がれるようになり遊びやすくなりました。
##ボールを転がしやすくする
ステージを傾ける処理によりボールは転がり出しましたが動き出しはゆっくりで転がり始めると中々止まらず気持ちのよい操作感とはかけ離れた転がり方でした。
Massを0.0001kgと変更しても変わらずLinear DampingやPhysics Materialで摩擦の数値を小さくしてもほとんど変化しませんでした。
そこで物理設定の調整は早々に諦め、ステージの傾きによる回転に加えて更にボール自身にも回転を加えることにしました。
ステージを傾ける処理と同様にカメラの前方と右方のベクトルにトルク量と入力量を掛けてAddTorqueしています。
これにより重たい金属玉が木製の玉くらいには軽く良い感じに転がってくれるようになり、より大きく操作性が向上しました。
画像ではAddTorqueにWARNINGが付いていますがUE4.18で非推奨のノードとなったためです。推奨版は以下になります。
#フェードインアウト
ゲーム中のフェードインアウトはUMGを使っています。
イメージパネルを画面を埋めるサイズに調整し、アニメーションでカラーを変更しています。
あとは呼び出したいタイミングでフェード再生関数を呼び出せばフェードインアウトさせることが出来ます。フェードインのアニメーションを作りフェードアウトの場合は逆再生すると必要なアニメーションは１つだけになりますので少し楽に実装できます。
PlayFade関数でウィジェットアニメーションを返り値としていますが、こうすることで呼び出し側でアニメーション終了時のディスパッチャイベントを定義出来るので**「フェードアウト後にシーン遷移処理を呼ぶ」**という一連の流れが書きやすくなります。
#3,2,1,GO!
ステージ開始時はカウントダウンされ「GO!」のテキストと同時に始まります。
この機能はSet Timer by Eventを使って実装しています。
１秒毎にCountDownイベントが呼び出され「GameStartRemainTime」を減らしています。これが0以下になった時に「GO!」の表示とカウントダウン表示テキストをHiddenにしています。
しかしこのままではカウントダウンは終了したのにも関わらずCountDownイベントは１秒毎に呼ばれ続けます。ですのでSetTimerByEventから取得したTimerHandleを以下のようにClearすることでSetTimerByEventを停止させています。
#ステージ作成
ステージ１以外はBPSブラシからスタティックメッシュ作成機能を用いてステージを作成しています。
この機能はDCCツールを使わずエディタ内で作業が完結するのでテストレベルを作成するのにはうってつけの機能です。自分がモデリングをする際に使用しているBlenderでは扱うスケール単位が異なるため製作したモデルをインポートした時「あれ？思ってたより小さい（大きい）」となることが多々あります。この機能によりエディタ上で作業が完結しますからサイズ感の確認もしやすくインポートや再インポート等の作業がゼロになるので試行錯誤しやすくなります。
複数のBSPブラシからスタティックメッシュを作成する手順は以下のようになります。
この時最後に選択したBSPブラシの中心がメッシュの原点になる事に注意してください。
BSPブラシを配置した時点でマテリアルを適用しておけばそのマテリアルが適用されたままスタティックメッシュが作成されるのでここも注意点です。
#おわりに
物理演算の設定は当初想定していたよりも多くの時間を取られました。狙ったとおりの挙動（転がり方等）をさせるのが難しく最終的にはBlueprintで補正するような形になってしまいましたが望んでいた操作感は実現出来たので良かったかなと。これを機に物理周りはしっかり勉強したいと思います。
BSPはやはりプロトタイプにはかなり有用ですね。ブラシからメッシュ生成もブラシを組み合わせた複雑な形状からもメッシュが生成出来ますので今回のプロジェクトでは大助かりでした。
明日はもんしょさんによる『UE4の描画パスの流れを4.18バージョンにアップデートしたい』です！