最終更新日
次のステップでUnreal EngineにUnreal Engine Pluginを導入し、アクターを動かしてみましょう。
- 事前準備
- STEP1:Unreal Engine Pluginのインストール
- STEP2:モーションデータの受信~動作確認
- STEP3:モーションデータの記録~アニメーション シーケンスの作成
- 付録) 複数のモーションデータを受信する方法
参考
事前準備
以下の手順で、Unreal Engine Pluginを使用するための準備をします。
- ローカルネットワークに、Unreal Engineがインストールされているパソコン(Windows/Mac)を接続します。
- Downloadsページにアクセスし、最新のUnreal Engine Pluginをダウンロードします。
- ダウンロードしたZIPファイルを任意のフォルダに解凍します。
配布データの詳細については、配布データの内容を参照してください。 - ローカルネットワークに、mocopiアプリがインストールされているスマートフォンを接続します。
- mocopiアプリからのデータ送信方法を参照し、mocopiアプリからモーションデータをUDP送信できる状態にします。
「IP」欄にはUnreal EngineがインストールされているパソコンのIPアドレス、「Port」欄には使用するポート番号(初期値:12351)、送信フォーマットは「mocopi (UDP)」を指定してください。
これで、事前準備ができました。
参考
- Unreal Engineのバージョン(5.0 / 5.1 / 5.2 / 5.3 / 5.4 / 5.5 / 5.6)と同じバージョンのプラグインを使用してください。
- 任意のプロジェクトでUnreal Engine Pluginを読み込めるようにしておきたい場合は、Unreal Engine Plugin(MocopiLiveLinkフォルダ)をUnreal EngineのPlugins/Marketplaceフォルダにコピーします。
Unreal Engineのプラグインフォルダのパス:
例[Windows])C:\Program Files\Epic Games\UE_5.1\Engine\Plugins\Marketplace\
例[mac])/Users/Shared/Epic Games/UE_5.1/Engine/Plugins/Marketplace/
4. Unreal Engineプロジェクトを再起動します。
5. Unreal Editorのメニューバーで[Edit]>[Plugins]を順にクリックします。
Pluginsウィンドウが開きます。
6. 「mocopi」を検索して、「MocopiLiveLink」が表示され有効化されていることを確認します。
.png?width=720&height=299&name=MoveActor_01%20(1).png)
これで、Unreal Engine Pluginがインストールできました。
STEP2:モーションデータの受信~動作確認
- Unreal Editorのメニューバーで[Window]>[Virtual Production]>[Live Link]を順にクリックします。
Live Linkウィンドウが表示されます。 - [+ Source]>[Mocopi LiveLink]を順にクリックし、以下の項目を設定します。
- Port Number
UDP受信するポート番号(初期値:12351)を入力します。
mocopiアプリで指定したポート番号と、同じ番号を入力します。 - Subject Name
「MocopiSkeleton」になっていることを確認します。
参考
サブジェクト名は変更することができます。変更した場合は、プラグインに含まれる「ABP_Mocopi」ブループリントの修正も必要となります。
3. [Create Mocopi Source]ボタンをクリックします。
.png?width=720&height=210&name=MoveActor_02%20(1).png)
ソースセクションに「Mocopi LiveLink」が追加されます。
4. mocopiアプリを操作し、モーションデータのUDP送信を開始します。
Unreal Engineがモーションデータを受信すると、Live Linkウィンドウのサブジェクトパネルに、作成したMocopi LiveLinkソースのサブジェクト名と緑色のインジケーターが表示されます。
.png?width=720&height=242&name=MoveActor_03%20(1).png)
5. Unreal Editorのメニューバーで[Window]>[Content Browser]>[Content Browser 1 - 4]を順にクリックします。
[Content Browser]タブ/ウィンドウが表示されます。
6. [Content Browser]タブ/ウィンドウの左ペインで[All]>[Plugins]>[MocopiLiveLink Content]を順に開きます。
参考
- [Content Browser]タブ/ウィンドウの左ペインに[MocopiLiveLink Content]が表示されない場合:
[Content Browser]タブ/ウィンドウ右上の[Settings]をクリックし、[Show Plugin Content]にチェックを付けてください。 - Unreal EngineのPluginsフォルダにインストールした場合:
[Settings]をクリックして[Show Engine Content]にチェックを付け、[All]>[Engine]>[Plugins]>[MocopiLiveLink Content]を順に開きます。
.png?width=720&height=173&name=MoveActor_04%20(1).png)
7. 「ABP_Mocopi」ブループリントをダブルクリックしてアニメーションを表示します。
.png?width=720&height=457&name=MoveActor_05%20(1).png)
または「MocopiActor」ブループリントをシーンにドラッグ&ドロップします。
.png?width=720&height=457&name=MoveActor_06%20(1).png)
アクターがモーションデータに従ってシーン上で動作します。
これで、モーションデータの受信と動作確認ができました。
参考
複数人のプレイヤー(複数のmocopiアプリ)のモーションデータを受信する場合は、複数のモーションデータを受信する方法を参照してください。
STEP3:モーションデータの記録~アニメーション シーケンスの作成
以下の手順でモーションデータ(アクターの動き)を記録し、アニメーション シーケンスを作成することができます。
- モーションデータの受信中に、Unreal Editorのメニューバーで[Window]>[Cinematics]>[Take Recorder]を順にクリックします。
[Take Recorder]タブ/ウィンドウが表示されます。 - [+ Source]>[From LiveLink]>[MocopiSkeleton]を順にクリックします。
.png?width=720&height=174&name=MoveActor_07%20(1).png)
ソースセクションに「MocopiSkeleton」が追加されます。
3. 録画ボタンをクリックします。
.png?width=720&height=457&name=MoveActor_08%20(1).png)
3秒のカウントダウン表示のあと、モーションデータの記録が開始されます。
4. 停止ボタンをクリックして、モーションデータの記録を停止します。
5. 左上の「Review Last Recording」アイコンをクリックします。
.png?width=720&height=255&name=MoveActor_09%20(1).png)
[Sequencer]タブ/ウィンドウに記録したテイクが表示されます。
6. 再生ボタンをクリックします。
記録したテイクが再生されます。
記録し直したい場合は、[Take Recorder]タブ/ウィンドウ左上の「Return」アイコンをクリックし、手順3から操作し直してください。
7. 気に入ったモーションデータの記録ができたら、[Sequencer]タブ/ウィンドウ右上の「Lock」アイコンをクリックします。
.png?width=720&height=457&name=MoveActor_10%20(1).png)
アニメーションが編集可能な状態になります。
8. [Content Browser]タブ/ウィンドウを表示し、「MocopiActor」ブループリントを[Sequencer]タブ/ウィンドウ内の記録したテイクの下にドラッグ&ドロップします。
.png?width=720&height=457&name=MoveActor_11%20(1).png)
9. [Sequencer]タブ/ウィンドウ内の[Mocopi Actor]を右クリックし、[Bake Animation Sequence]をクリックします。
.png?width=720&height=457&name=MoveActor_12%20(1).png)
Create a New Animation Assetウィンドウが表示されます。
10. 保存先のフォルダを選び、「Animation Name」欄に判別しやすいアニメーション名を入力します。
11. [OK]ボタンをクリックします。
.png?width=500&height=537&name=MoveActor_13%20(1).png)
Animation Sequence Optionsウィンドウが表示されます。
12. [Export To Animation Sequence]ボタンをクリックします。
.png?width=500&height=479&name=MoveActor_14%20(1).png)
これで、モーションデータの記録とアニメーション シーケンスの作成ができました。
参考
複数のモーションデータを受信する方法
以下の手順で、複数のmocopiアプリのモーションデータを受信することができます。
ご注意
UDP受信のポート番号は、mocopiアプリごとに異なる番号を指定する必要があります。
- 事前準備の手順5を参照して、追加するmocopiアプリからモーションデータをUDP送信できる状態にします。
- STEP2:モーションデータの受信~動作確認の手順1~4を参照し、新しいMocopi LiveLinkソースからモーションデータを受信します。
.png?width=720&height=242&name=MoveActor_15%20(1).png)
3. STEP2:モーションデータの受信~動作確認の手順5~6を参照し、[Content Browser]タブ/ウィンドウで[MocopiLiveLink Content]を開きます。
.png?width=720&height=173&name=MoveActor_16%20(1).png)
4. 「ABP_Mocopi」ブループリントと「MocopiActor」ブループリントを選んで右クリックし、[Duplicate]をクリックします。
ブループリントが複製されます。
5. 複製した「ABP_Mocopi」ブループリントをダブルクリックします。
ABP_Mocopi_xウィンドウ(xは数字)が表示されます。
6. [AnimGraph]をダブルクリックします。
[AnimGraph]タブが表示されます。
7. 「LiveLink Pose」ノードのドロップダウンメニューで、新しいMocopi LiveLinkソースのLive Linkサブジェクト名を選びます。
データストリームを、複製したブループリントに紐づけることができます。
8. [Compile]ボタンをクリックします。
9. 「Save」アイコンをクリックします。
10. 画面右上の[×]をクリックします。
.png?width=720&height=173&name=MoveActor_17%20(1).png)
11. 複製した「MocopiActor」ブループリントをダブルクリックします。
MocopiActor_xウィンドウ(xは数字)が表示されます。
12. [Components]タブで[SkeletalMesh]をクリックします。
13. [Details]タブの[Animation]>[Anim Class]のプルダウンメニューから、手順4で複製した「ABP_Mocopi_x」ブループリントを選びます。
14. [Compile]ボタンをクリックします。
15. 「Save」アイコンをクリックします。
16. 画面右上の[×]をクリックします。
.png?width=720&height=457&name=MoveActor_18%20(1).png)
17. 複製した「MocopiActor」ブループリントをシーンにドラッグ&ドロップします。
複数のアクターが、モーションデータに従ってシーン上で動作します。
.png?width=720&height=457&name=MoveActor_19%20(1).png)