フィギュアに命を吹き込きこんでバーチャル世界を走らせよう！【3Dスキャン×Unreal Engine 5】

# はじめに
この記事は「NTTテクノクロス Advent Calendar 2023」の13日目の記事です。

こんにちは！NTTテクノクロスの田中太和です。
今年に入りUnrealEngine5(以下UE5)を業務で触り始めました。
今回は3DスキャンしたフィギュアをUE5で動かす方法を調べてみたので実際にやってみたいと思います。
最初に結果だけお見せするとこんな感じになります。

▼実物のフィギュア
![360.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/d92201cd-3453-433c-3096-53aa0a2874bb.gif)

▼UE5で動いてる様子
![UE5.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/4c69fae3-1516-6476-2d95-34790175a600.gif)

手順の大まかな流れはこんな感じになります。
<img width="960" alt="スクリーンショット 2023-12-11 011350.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/7a54e490-5114-d851-bec2-b498580f6351.jpeg">

上記を実施するにあたりの必要なアカウントとソフトウェアは以下です。
※この記事ではアカウント作成や、ソフトウェアのインストールの手順は割愛させていただきます。
◆アカウント
・[Luma AI(ブラウザ)](https://lumalabs.ai/)
・[Mixamo(ブラウザ)](https://www.mixamo.com/)
・[Epic Games](https://www.epicgames.com/site/ja/home?sessionInvalidated=true)
◆ソフトウェア
・[Blender(4.0)](https://www.blender.org/download/)
・[Epic Games Launcher](https://store.epicgames.com/ja/download)
・UnrealEngine(5.2.1)：Epic Games Launcher からインストール

# フィギュアの動画撮影
今回は、被写体としてデッサン人形を用意しました。
3Dモデルを生成するにあたり、フィギュアを360°から撮影します。
モデル化するにあたりなるべくノイズになるようなものが映り込まないようにし、人形のポーズは後で骨を入れやすいように手足を伸ばした状態で固定します。
1分30秒かけてフィギュア中心にゆっくり2周する動画を撮影しました。
<img width="960" alt="Image.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/fd45b324-b272-6bc2-4452-621363564e7f.jpeg">

# モデルの生成
3Dモデルの生成にはLumaAIと呼ばれるウェブサービスを利用します。
NeRF(ナーフ)と呼ばれるAIを使った画像生成技術を用いて動画から高クオリティな3Dモデルを生成することができます。
ここからは、LumaAIの画面のスクリーンショットを用いて操作方法を解説いたします。
スクリーンショット内にて具体的な操作箇所を赤ペンで書き込んでおります。
参考：https://lumalabs.ai/

・LumaAIにログインし、右上の"Create"をクリック
![スクリーンショット 2023-12-10 143635.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/a59be2f5-9816-6013-d839-c076a1d92bf9.jpeg)

・撮影した動画をドラッグ＆ドロップし、名前を付けてアップロード
![スクリーンショット 2023-12-10 143806.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/4507459e-cb97-002c-2752-3cc87cf7e7a0.jpeg)

しばらくすると生成された3Dモデルが見られるようになります。
![スクリーンショット 2023-12-10 160757.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/3b219035-68fa-4178-db12-2ff45a5021be.jpeg)

右上にある↓マークをクリックしてダウンロードします。
<img width="960" alt="スクリーンショット 2023-12-10 174538.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/862801bc-cc26-fedf-4812-512e5e81a836.jpeg">

「OBJ」のプルダウンで「high poly」をクリックして3DモデルをOBJ形式でダウンロードします。
LumaAIでの操作は以上になります。
<img width="960" alt="スクリーンショット 2023-12-10 174614.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/e9671f06-0556-ca0c-e45a-1c2e5cae8c92.jpeg">

ダウンロードすると画像のような階層構造のデータが得られます。
![luma.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/e17fc538-1b9a-f78d-dc77-0629fabf85b8.png)

OJB形式の"mesh"が3Dモデルです。
また、"textures"に含まれる画像は「[ボーンの作成](#ボーンの作成)」にて使います。

続いて3DモデリングソフトウェアのBlenderを用いて3Dモデルの不要な部分を削除します。
ここからは、Blenderの画面のスクリーンショットを用いて操作方法を解説いたします。
スクリーンショット内にて具体的な操作箇所を赤ペンで書き込んでおります。
参考：https://www.blender.org/download/

・Blenderを開く
・右クリック>"オブジェクト">"削除"をクリックしてキューブを削除
<img width="960" alt="削除.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/9b117eaf-5fbd-5326-f842-302b48c2071f.jpeg">

・"ファイル">"インポート">"Wavefront(.obj)"をクリック
<img width="960" alt="スクリーンショット 2023-12-09 205950.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/eb64b0ee-8883-04e1-22ec-72d20bb9da5d.jpeg">

・LumaAIからダウンロードしたOBJ形式の3Dモデル"mesh"を選択して開く
<img width="960" alt="スクリーンショット 2023-12-10 175406.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/76b259b7-7ffd-e4c0-7a09-ef968d0124b0.jpeg">

取り込んだモデルに色が付いてないので色付きで見てみます。
・右上の"マテリアルプレビュー"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 175447.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/4e5da50a-aa1f-9ec5-bea6-543e806009fb.jpeg">

モデルに色が付きました。
<img width="960" alt="スクリーンショット 2023-12-10 175525.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/66ba19bf-087b-8e04-7008-1beaf4c5e977.jpeg">

モデルが原点位置から離れているため、移動させます。
・モデルをクリックし"移動"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 175543.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/f5e67983-6c08-77ed-8a71-9d480148a543.jpeg">

・XYZ軸の矢印が表示されるので、原点位置になるようにドラッグして移動
![スクリーンショット 2023-12-10 175656.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/f9461c15-eba9-ffc3-f4ec-f221947795e3.jpeg)

軸に対して斜め向きになっているのでモデルを回転させます。
・"回転"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 175823.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/df452c32-ae46-9cf9-c81b-09e469772dcf.jpeg">

・XYZ軸の線が表示されるので、-Y軸が正面になるようにドラッグして回転
__※以降の画像で誤ってY軸を正面にしてしまっています。モデルの正面が‐Y軸でない場合、UE5に取り込んだ際に正しく動作しません。この記事ではモデルをエクスポートする前に修正しております。__
![スクリーンショット 2023-12-10 175904.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/bf552968-5972-5e7e-e1cb-c47724db40f4.jpeg)

・"オブジェクト">"原点を設定">"原点をジオメトリへ移動"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 180024.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/2fa36235-edbd-296e-ff29-48f62c964fe3.jpeg">

デッサン人形の土台の部分が残っているため、ここは削除します。
<img width="960" alt="スクリーンショット 2023-12-10 180356.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/ae46c06a-cb0a-dfb3-fc76-eff0b2e47b68.jpeg">

・右上のギズモでX軸をクリック
![スクリーンショット 2023-12-10 180434.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/0f54d058-89ce-0351-53b3-b47414f30316.jpeg)

・Tabキーを押して編集モードに変更
<img width="960" alt="スクリーンショット 2023-12-10 181446.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/21417348-5dfc-24ac-6cda-8eea32acf698.jpeg">

・右上の"ワイヤーフレーム"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 182406.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/c9581fc8-9e79-53d5-01b8-c477454de4da.jpeg">

・ドラッグで土台部分を選択
<img width="960" alt="スクリーンショット 2023-12-10 182734.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/0f496d9e-2d32-3e26-a81f-dbf44590fc7c.jpeg">

<img width="960" alt="スクリーンショット 2023-12-10 182821.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/a39f1655-3b0c-8b7e-9275-59aac231f465.jpeg">

・右クリック>"頂点">"頂点を削除"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 182839.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/39c21d1e-f33e-8e03-861c-157eafd48f41.jpeg">

<img width="960" alt="スクリーンショット 2023-12-10 183022.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/9992abc9-8e37-5c5e-1a66-6c0df6ef4ee8.jpeg">

モデルをFBXでエクスポートします。
・"ファイル">"エクスポート">"FBX(.fbx)"をクリック
<img width="960" alt="スクリーンショット 2023-12-12 113817.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/5cc4c9f0-6743-b296-353c-881e482958cc.jpeg">


・名前を付けて、"FBXをエクスポート"をクリック
モデルの生成におけるBlenderでの操作は以上になります。
<img width="960" alt="スクリーンショット 2023-12-10 183147.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/9cd695fa-e8fe-4f9a-8122-5c969e5ae49e.jpeg">

# ボーンの作成
作成した3DモデルにAdobeのMixamoを使って骨を入れる作業を行います。
ここからは、Mixamoの画面のスクリーンショットを用いて操作方法を解説いたします。
スクリーンショット内にて具体的な操作箇所を赤ペンで書き込んでおります。
参考：https://www.mixamo.com/

<img width="960" alt="スクリーンショット 2023-12-10 183431.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/6f188643-868e-d3f7-4521-b4307b295aac.jpeg">

下準備として、[モデルの生成](#モデルの生成)でダウンロードした"textures"の画像とBlenderでエクスポートしたFBXファイルを一つのフォルダ内に配置します。
<img width="960" alt="スクリーンショット 2023-12-10 184703.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/17309ce4-9d1c-78ed-2859-9f9070268c1b.jpeg">

フォルダをzip形式で圧縮します。これにて下準備は完了です。
![スクリーンショット 2023-12-10 184743.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/b9432354-f6b5-eba4-fba1-f8e74cac4465.jpeg)

・Mixamoにログインし、"UPLOAD　CHARACTER"をクリック
![スクリーンショット 2023-12-10 183746.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/aceb442c-439f-b58f-baff-c9be2b589484.jpeg)

・zipファイルをドラッグ＆ドロップ
<img width="960" alt="スクリーンショット 2023-12-10 184909.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/884905a9-2899-eb1c-ccff-11e9cb7dcd49.jpeg">

・ファイルの読み込みが終わったら"NEXT"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 185543.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/bb2520bb-5a40-312a-a1c8-0e9db0d98083.jpeg">

右側のお手本画像を参考にして関節部分に〇を配置していきます。
・"Use Symmetry"のチェックを外す
![スクリーンショット 2023-12-10 185945.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/122e256f-bdad-7f95-fe07-15f7b470d38f.jpeg)

・CHIN(顎)、WRSTS(手首)、ELBOWS(肘)、KNEES(膝)、GROIN(股間)の位置に〇を配置
<img width="960" alt="スクリーンショット 2023-12-10 190204.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/08500400-2fea-5cad-4438-36a2c1aa70a5.jpeg">

・出来たら"NEXT"をクリック
ボーンが生成されると動いた時のプレビューが表示されます
<img width="960" alt="mixamo.gif" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/a5a41e7a-1526-e2ea-96f0-7735c1b73ab0.gif">

・"DOWNLOAD"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 191343.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/4bf64741-7963-3c0b-b96b-e1a873ad8f1d.jpeg">

・Formatに"FBX Binary(.fbx)"とPoseに"T-pose"を指定して"DOWNLOAD"をクリック
Mixamoでの操作は以上になります。
![スクリーンショット 2023-12-10 191402.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/17e98dbe-fea9-58ca-ea73-f87c917dd0a3.jpeg)

ダウンロードしたFBXファイルをそのままUE5で扱おうとするとモデルを動かすときに必要な"ROOT"と呼ばれるボーンがないため、正しく動作しません。
Blenderに"mixamo converter"というアドオンをインストールし、モデルに"ROOT"を追加します。

・以下にアクセスして、"Code">"Download ZIP"をクリック
[GitHub：Mixamo Converter](https://github.com/enziop/mixamo_converter)

<img width="960" alt="スクリーンショット 2023-12-10 011107.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/363ec71f-c260-c539-e900-715d29cdefed.jpeg">

ここからは、再度Blenderの画面のスクリーンショットを用いて操作方法を解説いたします。
スクリーンショット内にて具体的な操作箇所を赤ペンで書き込んでおります。
参考：https://www.blender.org/download/
・Blenderを開き、"編集">"プリファレンス..."をクリック
<img width="960" alt="スクリーンショット 2023-12-10 011451.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/818ed5bc-987d-5aba-1a3f-c097ee152e11.jpeg">

・"アドオン">"インストール"をクリック
![スクリーンショット 2023-12-10 013603.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/26cd1251-66af-d1b5-c06a-d6deda32276b.jpeg)

・ダウンロードした"mixamo_converter-master.zip"を選択し、"アドオンをインストール"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 013924.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/caddc66c-fcff-99ee-704d-286cb41da8de.jpeg">

・アドオン内の"アニメーション：Mixamo Converter"にチェックを入れて有効化
![スクリーンショット 2023-12-10 013953.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/c595e7cc-e2a8-bf99-83ad-3b2b2c5709ee.jpeg)

・Nキーを押して画面右上に出るタブ内の"Mixamo"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 015952.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/45f700c7-43be-b62e-20df-4853edd345df.jpeg">

・"Advanced Options"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 020014.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/e165d204-2f89-f3e4-5413-c078fe943335.jpeg">

・"Remove Namespaces"と"リーフボーンを無視"にチェックを入れる
・"Input Path:"でFBXファイルが配置されたフォルダを指定
・"出力パス:"で保存先フォルダを指定
※MixamoからダウンロードしたFBXファイルとは別のフォルダを指定してください。
・"Batch Conbert"をクリック
Blenderでの操作は以上となります。
![スクリーンショット 2023-12-11 115522.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/87057ece-1c42-f534-9075-f22d9d510245.jpeg)

# アンリアルエンジン5で動かす
UE5にてデフォルトで使用できるアバターの機能やアニメーションを流用して作成した3Dモデルを操作できるようにしていきます。

・Epic Games Launcherを起動し、右上の"起動"プルダウンから"Unreal Engine 5.2.1"を選択してクリック
以下はEpic Games Launcherの画面のスクリーンショットになります。
スクリーンショット内にて具体的な操作箇所を赤ペンで書き込んでおります。
参考：https://store.epicgames.com/ja/download

<img width="960" alt="スクリーンショット 2023-12-10 233103.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/ab418d39-3b40-def9-e43a-3dc154136b3c.jpeg">

ここからは、UnrealEngine5の画面のスクリーンショットを用いて操作方法を解説いたします。
スクリーンショット内にて具体的な操作箇所を赤ペンで書き込んでおります。
参考：https://www.unrealengine.com/ja/unreal-engine-5

・UE5のプロジェクトブラウザで"ゲーム">"サードパーソン"を選択しプロジェクト名を設定後、"作成"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 233234.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/2c44117a-a4b8-146a-cfe2-9f843f5ea0d3.jpeg">

プロジェクトが作成されるとこのような画面が出ます
・左下の"コンテンツドロワー"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 233508.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/2962c16f-e282-1577-7566-029bdebc62df.jpeg">

・右クリック>"新規フォルダ"をクリック
<img width="960" alt="スクリーンショット 2023-12-11 111003.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/c396130d-e046-5c59-0ddd-f6e587a8df08.jpeg">

作成したフォルダ内に3Dモデルをインポートします。
この時"ROOT"を追加した3Dモデルはマテリアルとテクスチャが正しく取り込めません。
そのためマテリアルとテクスチャはMixaomでダウンロードしたFBXファイルのものを使用します。
・コンテンツブラウザの"インポート"をクリックし、MixamoでダウンロードしたFBXファイルを開く
<img width="960" alt="スクリーンショット 2023-12-10 233623.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/472c90f6-d98b-d135-b8d6-f27939b11f26.jpeg">

・"FBXインポートオプション"ウィンドウが表示されるので"全てインポート"をクリック
![スクリーンショット 2023-12-10 233658.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/2f49e6f1-8e55-c034-1e6f-acc054ba0430.jpeg)

・インポートしたデータの中から"スケルタルメッシュ"、"物理アセット"、"スケルトン"を選択
・右クリック>"削除"をクリックして削除
![スクリーンショット 2023-12-10 233807.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/225769cc-ab50-4d07-c619-c7ea6bf8abf6.jpeg)

・コンテンツブラウザの"インポート"をクリックし、Blenderで"ROOT"を追加したFBXファイルを開く
![スクリーンショット 2023-12-10 233937_2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/3dbfb44d-c502-b805-032c-55bb5ff2ff2f.jpeg)
・"FBXインポートオプション"ウィンドウが表示されるので"全てインポート"をクリック
![スクリーンショット 2023-12-10 233658.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/ba0e273a-f652-0278-7f12-eac6f3755a08.jpeg)

3Dモデルのインポートが終わったのでデフォルトのアバターと同じ動きができるように設定していきます。
・右クリック>"アニメーション">"IKリグ">"IK リグ"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 233937.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/af9b05d2-4489-edd2-f234-6dcf038f2ae7.jpeg">

・"Preview　Mesh"のプルダウンをクリックしインポートしたモデルのスケルタルメッシュをクリック
<img width="960" alt="スクリーンショット 2023-12-10 234028.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/e657b38d-79e2-8364-ad49-db4df602a152.jpeg">

・左下のコンテンツドロワーをクリックし、"All">"コンテンツ">"Characters">"Mannequins">"Rigs">"IK_Mannequin"をダブルクリック
<img width="960" alt="スクリーンショット 2023-12-10 234120.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/1bd441f5-fb11-0002-b243-945c68621238.jpeg">

・作成したIKリグと"IK_Mannequin"を並べる
<img width="960" alt="スクリーンショット 2023-12-10 234146.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/058c9859-7acf-e5b6-a196-4ba17db21ad2.jpeg">

・作成したIKリグの"Hips"を選択し、右クリック>"リターゲティングルートの設定"をクリック
![スクリーンショット 2023-12-10 234215.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/b9e5e6e0-0faa-f3d8-6f0e-7e71f57e6909.jpeg)

・"IK_Mannequin"のチェーン名をコピーし、IKリグの対応するリグ要素を選択後、右クリック>"新しいリターゲティングチェーン..."をクリック
・"チェーン名"にコピーしたチェーン名をペーストして"チェーンを追加"をクリック
![retarget.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/1a324c65-9f7e-bd41-d0a4-5d5fc86563bd.gif)

同様の手順で、首、両腕、両足のチェーンを追加します。一通りチェーンの追加行ったところ以下のようになりました。IKリグの設定はこれで終了です。
<img width="960" alt="スクリーンショット 2023-12-10 234805.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/6e3fe0ed-ce83-2be9-a68f-05d7764fbeee.jpeg">

・モデルをインポートしたフォルダを開き、右クリック>"アニメーション">"IK リグ">"IK リターゲッタ"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 234839.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/fe7ec4d5-1514-d257-06ee-15e99a6d4ae2.jpeg">

・作成したIKリターゲッタをダブルクリック
・"ソースのIKリグを選択(アニメーションのコピー元)"で"IK_Mannequin"をダブルクリック
![スクリーンショット 2023-12-10 235017.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/bd11ee6f-b672-214a-2601-8934af5cb161.jpeg)

・"ターゲットのIKリグを選択(アニメーションのコピー先)"で作成したIKリグをダブルクリック
![スクリーンショット 2023-12-10 235029.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/6c8d6b89-6ff3-d479-6ed9-9b248e7b1ba8.jpeg)

IKリターゲッタのウィンドウが開かれますが、何もせず閉じます。
<img width="960" alt="スクリーンショット 2023-12-10 235058.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/1260888c-d0cc-6579-753e-7adc2d006266.jpeg">

・"All">"コンテンツ">"Characters">"Mannequins">"Animations">"ABP_Manny"を選択し、右クリック>"アニメーションアセットのリターゲティング">"アニメーションアセット/ブループリントを複製してリターゲティング"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 235139.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/b849ff25-ea98-fb52-1218-71a9bba26b7e.jpeg">

・"アニメーションアセットを複製しリターゲット"ウィンドウにて作成したIKリターゲッタを選択
<img width="960" alt="スクリーンショット 2023-12-10 235205.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/7500509d-332c-9bc2-46e3-e19c6a025159.jpeg">

・"プレフィックス"に適当に名前を入れて、"フォルダ"で保存先を指定し、"リターゲット"をクリック
![スクリーンショット 2023-12-10 235741.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/e30061e8-08e1-95d1-ecb0-27123ef1b7cc.jpeg)

指定した保存先に、"ABP_Manny"のアニメーションを元としたモデルのアニメーションブループリントが作成されました。
<img width="960" alt="スクリーンショット 2023-12-10 235806.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/41aabc77-16ab-fdb3-a771-90f36eb486e0.jpeg">

あとはインポートしたモデルと、このアニメーションをデフォルトのアバターと差し替えればUE上で操作できるようになります。
・"All">"コンテンツ">"ThirdPerson">"Blueprints">"BP_">"BP_ThirdPersonCharacter"をダブルクリック
<img width="960" alt="スクリーンショット 2023-12-11 131130.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/17dc05bb-5a0b-b40f-d466-0afb97c54880.jpeg">

・詳細タブの"Skeltal Mesh Asset"のプルダウンで作成したモデルのスケルタルメッシュを選択
<img width="960" alt="スクリーンショット 2023-12-10 235841.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/293d556e-13fb-f39c-a60d-239b130be09b.jpeg">

・詳細タブの"Anim Class"のプルダウンで作成したアニメーションブループリントを選択
<img width="960" alt="スクリーンショット 2023-12-10 235902.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/5740cb76-c564-d28a-5af0-42e331843d52.jpeg">

・左上の"コンパイル"をクリック
<img width="960" alt="スクリーンショット 2023-12-10 235921.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/a7a48019-6d68-acbc-bb43-3ebb7e35874b.jpeg">

・▷をクリックして動作確認
<img width="960" alt="スクリーンショット 2023-12-10 235937.jpg" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/d1eff909-aece-8ebf-2c92-0c373bae6d49.jpeg">

撮影したフィギュアで自由に空間を歩き回ることができるようになりました。
マウスで視点操作、WASDキーで前後左右に移動、Spaceキーでジャンプできます。
UnrealEngine5での操作は以上になります。
![UE5.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2981449/4c69fae3-1516-6476-2d95-34790175a600.gif)

# さいごに
今回は記事の関係上シンプルなフィギュアを使用して撮影した映像から3Dモデルを作成し、UnrealEngine5で動かしてみました。
ジャンプモーションをMixamoのアニメーションと差し替えてみたり、ブループリントを編集して演出を付け足しても面白そうです。
明日は、@suzukimaによる「NTTテクノクロス Advent Calendar 2023」の14日目をお届けしますので引き続きお楽しみください！