Unreal EngineとiPhoneで始める リアルタイムAR配信

94K Views

September 11, 22

スライド概要

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

iOSDC 2022 Unreal EngineとiPhoneで始める リアルタイムAR配信 Satoshi Hattori @shmdevelop

2.

Unreal Engineと

3.

iPhoneを使って

4.

リアルタイムAR配信...

5.

格好良いぜ...!

6.

今日はその考え方と要点を説明します!

7.

服部 智 CyberAgent - AICG事業部 - xRギルド リーダー - AR Next Expert 最近の興味: Unreal Engine 5、LiveLink Plugin、 iPhoneの映像ワークフロー活用、 NDI、動画倍速視聴・スキップ視聴

8.

Unreal Engine リアルタイム映像処理に向いたゲームエンジン

9.

リアルタイムAR配信

10.

このシーンではPanasonic AW-UE150 使用

11.

前置きとして "多様な実現方法の1パターン" です

12.

前置きとして "半年前の自分が泣いて喜ぶ資料" です

13.

前置きとして "今回はWindows PC使用" です

14.

GALLERIA Windows10 CPU: Core i9 11900K グラフィックボード: GeForce RTX 3080 メモリ: DDR4-3200 16GB

15.

目次 AR合成の概要 カメラトラッキング方法 Unreal Engineを使った基本的なシーン作成 iPhoneを使う手法 bonus: PTZカメラを使う手法

16.

目次 AR合成の概要 カメラトラッキング方法 Unreal Engineを使った基本的なシーン作成 iPhoneを使う手法

17.

現実世界とCG空間をぴったり合わせる作業

18.

AR合成の概要

19.

AR合成の概要 CG原点を決める 現実と同じサイズでCG空間を作成する CG空間のカメラと現実のカメラの情報を合わせる カメラの動きをCG空間に伝える

20.

CG原点を決める

21.

CG原点を決める 現実世界での 動かない、消えない、分かりやすい一点

22.

CG原点を決める

23.

CG原点を決める

24.

CG原点を決める

25.

CG原点を決める

26.

AR合成の概要 CG原点を決める 現実と同じサイズでCG空間を作成する CG空間のカメラと現実のカメラの情報を合わせる カメラの動きをCG空間に伝える

27.

現実と同じサイズでCG空間を作成する

28.

現実と同じサイズでCG空間を作成する

29.

現実と同じサイズでCG空間を作成する

30.

1 Unreal Unit は 現実の1cm

31.

現実と同じサイズでCG空間を作成する

32.

AR合成の概要 CG原点を決める 現実と同じサイズでCG空間を作成する CG空間のカメラと現実のカメラの情報を合わせる カメラの動きをCG空間に伝える

33.

CG空間のカメラと現実のカメラの情報を合わせる

34.

「位置」を合わせる

35.

CG空間のカメラと現実のカメラの情報を合わせる

36.

CG空間のカメラと現実のカメラの情報を合わせる

37.

ボッシュ(BOSCH) レーザー距離計 ZAMO3

38.

「カメラとレンズの特性」を合わせる

39.

カメラの Focal Length (焦点距離)、FOV、Sensor Size (センサーサイズ) の関係 Unity Documentation, 物理カメラの使用 https://docs.unity3d.com/ja/2019.4/Manual/PhysicalCameras.html

40.

CG空間のカメラと現実のカメラの情報を合わせる

41.

CG空間のカメラと現実のカメラの情報を合わせる

42.

AR合成の概要 CG原点を決める 現実と同じサイズでCG空間を作成する CG空間のカメラと現実のカメラの情報を合わせる カメラの動きをCG空間に伝える

43.

カメラの動きをCG空間に伝える

45.

カメラの動きをCG空間に伝える

46.

AR合成の概要 CG原点を決める 現実と同じサイズでCG空間を作成する CG空間のカメラと現実のカメラの情報を合わせる カメラの動きをCG空間に伝える

47.

目次 AR合成の概要 カメラトラッキング方法 Unreal Engineを使った基本的なシーン作成 iPhoneを使う手法

48.

目次 AR合成の概要 カメラトラッキング方法 Unreal Engineを使った基本的なシーン作成 iPhoneを使う手法

49.

カメラトラッキング方式 カメラトラッキング 送信プロトコル

50.

カメラトラッキング方式 光学式 機械式 画像式 その他 慣性センサ 磁気 etc

51.

カメラトラッキング方式 光学式 事前設置した反射マーカー位置を専用カメラで捉えカメラ位置を判定 機械式 画像式 その他 慣性センサ 磁気 etc https://www.nacxr.jp/product/redspy/

52.

カメラトラッキング方式 光学式 機械式 ギアやエンコーダなどの回転角や変位を測定するセンサを使用 画像式 その他 慣性センサ 磁気 etc https://www.nacinc.jp/creative/virtual-products/stypekit/

53.

カメラトラッキング方式 光学式 機械式 画像式 画像の特徴点を取得しトラッキングする その他 慣性センサ 磁気 etc

54.

カメラトラッキング方法 光学式 機械式 画像式 その他 慣性センサ 磁気 etc

55.

カメラトラッキング方式 カメラトラッキング 送信プロトコル

56.

カメラトラッキング 送信プロトコル FreeD NDI

57.

FreeD

58.

FreeD ネットワーク経由で送信されたカメラトラッキングデータを 読み込み、仮想3Dカメラを制御するために使用できるプロトコル FreeD は特定のトラッキングシステム専用ではなく 幅広いハードウェアとソフトウェアに対応しているため 交換プロトコルとして広く普及している

59.

https://www.manualsdir.com/manuals/641433/vinten-radamec-free-d.html

60.

FreeD Type D1

61.

https://github.com/satoshi0212/FreeDSendSimulator

63.

カメラトラッキング 送信プロトコル FreeD NDI

64.

NDI

65.

NDI(Network Device Interface)とは IPネットワークを経由してビデオとオーディオストリームを 伝送する方式のひとつ 現在世界で最も利用されているIP伝送テクノロジーで、 IPを利用したライブ映像制作ワークフロー支援を目的としている

66.

https://speakerdeck.com/satoshi0212/nditoarkitwolian-dong-sasetaxin-siiying-xiang-biao-xian

68.

https://github.com/satoshi0212/NDISenderExample

69.

カメラトラッキング方式 カメラトラッキング 送信プロトコル

70.

目次 AR合成の概要 カメラトラッキング方法 Unreal Engineを使った基本的なシーン作成 iPhoneを使う手法