Why not login to Qiita and try out its useful features?

We'll deliver articles that match you.

You can read useful information later.

4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Unreal Engine (UE)Advent Calendar 2023

Day 25

ARLyra!! UnealのサンプルゲームLyraをARサポートさせてみよう!!

Last updated at Posted at 2023-12-24

はじめに

ARグレイマンを歩かせてみよう!!
さて、この記事を投稿したのがなんと3年前:sweat_smile:
諸般の事情でまた自由時間が出来てしまったので😥
Lyraの調査ついでに、世界初(たぶん😅)Lyra ARサポートをさせてみました。Lyraそのまま動いてるのでちゃんと(?)FPSとして遊べます。懸案事項のAR Shadowも表示されてます😆
Lyra サンプル ゲームに関してはUnrealの公式ドキュメントを見て下さい。

開発環境

UE5.3.2
デバイス Pixel7 (ARCore)

とりあえず縦画面

やっぱARは縦画面だよね! という事でとりあえずAndroidビルドを縦画面化してみましょう。

\Config\DefaultEngine.ini
[/Script/AndroidRuntimeSettings.AndroidRuntimeSettings]
Orientation=Portrait
[/Script/Engine.UserInterfaceSettings]
ApplicationScale=2.000000

\Plugins\GameFeatures\ShooterCore\Content\UserInterface\W_ShooterHUDLayout.uasset
レイアウトはこのウィジェットで定義されているので、いい感じにレイアウトを変更します。
これでAndroidで縦画面になりました!!

ARモードをスタート

\Config\DefaultEngine.ini
[/Script/AndroidRuntimeSettings.AndroidRuntimeSettings]
bSupportsVulkan=False

私の知る限り、未だにAndroid-VulkanではARモードは起動しません:disappointed_relieved:

image.png
image.png
どのタイミングでAR Sessionをスタートさせるのかどうかは、ゲームによって変わると思いますが、とりあえずB_LyraPlayerControllerを新規作成してBeginPlayからスタートさせました。
Godモード、Postprocessをオフ、AR World Originを変えてカメラの位置を目線にセットしています。
これをB_LyraGameModeにセットします。

AR Shadowを設定

\Config\DefaultEngine.ini
[/Script/Engine.RendererSettings]
r.AllowStaticLighting=True
r.Shadow.Virtual.Enable=0
r.Mobile.EnableStaticAndCSMShadowReceivers=True

とりあえず私のコンフィグの変更はこんな感じです、以下のサイトなどが参考になります。
TIP: How to enable Dynamic Shadows & Correct Reflection Maps on mobile

image.png

ShadowMeshを作って、丸影マテリアル/テクスチャをセット。AIキャラやネットワークキャラはこの丸影を使います。
これを\Plugins\GameFeatures\ShooterCore\Content\Game\B_Hero_ShooterMannequin.uassetのコンポーネントに追加します。
ローカルキャラクターにはAR Shadowを適用します。マテリアルは以前の記事に沿って作ります。
ARグレイマンを歩かせてみよう!!
キャラクターBPに少し変更を加えます。

image.png
Event Possessedに追加。Begin PlayではIsLocalPlayerControllerが取得出来ないので、ここに足します。
image.png
Event Tickに追加。AR Shadowの更新と、ジャンプした時にShadowMeshが常に地面に張り付く処理を足します。

AR Shadow用にシェーダーを変更

影ポリがライティングの影響を受けて、微妙に影ポリが見えてしまう問題が、どーーうしても解決出来なかったので、EngineのShaderをちょっと変更してしまいました:sweat_smile:
あまり褒められたやり方ではないので参考程度に…。
UE5.3 \Engine\Shaders\Private\MobileBasePassPixelShader.usf Line:890
UE5.4 \Engine\Shaders\Private\MobileBasePassPixelShader.usf Line:989
辺りに、これを追加。
影が落ちたピクセルは必ず暗くなるので、ライティング適用前のピクセルを比べて明るくなっている場合は除外させます。この変更を使ってないClearCoatにのみに適用させます。

#if MATERIAL_SHADINGMODEL_CLEAR_COAT
	DirectLighting.TotalLight.r = min(DirectLighting.TotalLight.r, BaseColor.r);
	DirectLighting.TotalLight.g = min(DirectLighting.TotalLight.g, BaseColor.g);
	DirectLighting.TotalLight.b = min(DirectLighting.TotalLight.b, BaseColor.b);

	DirectLighting.TotalLightDiffuse = 0;
	DirectLighting.TotalLightSpecular = 0;
#endif

それから、ShadowマテリアルをClearCoatに設定します。

入力スキームを変更

二本スティックモードでラジコンみたいに動す事は出来るのですが、これだとARっぽくないので常にカメラの前にキャラクターが移動するようにしてみました。
もの凄く大雑把に言うとこんな感じです。

void ALyraPlayerController::PlayerTick(float DeltaTime)
{
...
    // ターゲットに移動
    if (StartMoveDist*StartMoveDist < DistSquared2D)
    {
	    UAIBlueprintHelperLibrary::SimpleMoveToLocation(this, MoveTargetLoc);

    // キャラクターの向きをカメラと同じに
    {
	    bAutoManageActiveCameraTarget = true;
	    CurrentPawn->FaceRotation(PlayerCameraManager->GetCameraRotation());

Rifle/ShotGunの発砲をタッチ操作で行えるようにする

Winビルドだと発砲出来るのに、タッチ操作にするとRifle/ShotGunの発砲が出来ない問題で悩んでいたのですが、これの追加で解決しました。
\Content\Input\InputData_Hero.uasset
image.png
IA_Weapon_Fire_Autoがタッチ操作では発行されないのが問題でした。正しい解決法とは言えるかどうかは微妙ですが、まあとりあえずオッケーでしょ:sweat_smile:

マップを設定

\Plugins\GameFeatures\ShooterCore\Content\Maps\L_ShooterGym.umap
このマップから余分なオブジェを削除して作りました。グラウンドはHideInGameにします。
TIP: How to enable Dynamic Shadows & Correct Reflection Maps on mobile
ライトの設定に関してはこの投稿が参考になります。
重要なのは、以下の通りです。

  1. LightmassImportanceVolumeを置く
  2. SkyLightStaticCast Shadows = false
  3. DirectionalLightMovableCast Shadows = true Cast Dynamic Shadows = true
  4. レベルのビルドをする。

とりあえず動きました!!

最初のムービーの様にとりあえず動いてます。
ちなみにGodモードを外すとAIに秒殺されます:sweat_smile:
まあやっぱりフルFPSをARでプレイさせるのは無理があるので、ポケモンGoみたいなスタイルか、目の前の相手とやり合うテニスみたいなゲーム以外は難しいですねぇ:thinking:

もうちょっとちゃんとプレイ出来るようにしてみたいのですが、シングルプレイだとAIをがっつりと変えなきゃいけませんね。
マルチプレイは簡単なはずですが携帯を一台しか持ってないからテスト出来ない…。Windows<->Androidでのクロスプレイなら、自分一人でもテスト出来るかも?:joy:

あとSceneDepthForOcclusionが上手く動きませんでした:thinking: これは要調査事項です。

4
1
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Qiita Advent Calendar is held!

Qiita Advent Calendar is an article posting event where you post articles by filling a calendar 🎅

Some calendars come with gifts and some gifts are drawn from all calendars 👀

Please tie the article to your calendar and let's enjoy Christmas together!

4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?