Firebase + UniVRM + OculusGo で VRM をランタイムロード

Transcript

1. Firebase を使って OculusGo で VRM をランタイムロード 焼きそばメロンパン

2. 自己紹介

3. 自己紹介 • 焼きそばメロンパンです • くらすたーちゃん大好きです • clusterでGo書いてました • VR系の会社立ち上げました

4. 趣味でデスクトップマスコット作った

5. 今日話すこと

6. 今日話すこと • 目的 • Firebaseについて • webの実装 • OculusGoの実装 •

   まとめ

7. 目的

8. ローカルにVRM配置じゃ駄目なの？

9. ローカルにVRM配置じゃ駄目なの？ PCに繋げないといけない！

10. webで登録して読み込もう！

11. でもバックエンド実装したくない...

12. じゃあ、Firebaseを使おう！

13. Firebaseについて

14. Firebase • バックエンドの実装が必要無くなる Google の BaaS

15. Firebase • バックエンドの実装が必要無くなる Google の BaaS • Authentication: 自分のVRMだけ読み込める (認証)

16. Firebase • バックエンドの実装が必要無くなる Google の BaaS • Authentication: 自分のVRMだけ読み込める (認証)

    • Storage: VRMファイルを格納出来る

17. Firebase • バックエンドの実装が必要無くなる Google の BaaS • Authentication: 自分のVRMだけ読み込める (認証)

    • Storage: VRMファイルを格納出来る • Database: 自分のVRMファイルのURLを格納出来る

18. これだけあればOK

19. ユーザ利用フロー

20. 全体アーキテクチャ

21. webの実装

22. webの実装 • サインアップ/サインイン画面 • アバター登録画面

23. webアーキテクチャ

24. webの実装 (サインアップ画面)

25. webの実装 (アバターアップロード)

26. 雑なコードですが...

27. webの実装 (サインアップ)

28. webの実装 (Storageに保存)

29. webの実装 (DatabaseにURL保存)

30. OculusGoの実装

31. OculusGoの実装 • サインインシーン • アバター読み込みシーン

32. VRアーキテクチャ

33. OculusGo は FirebaseUnitySDK が使えない！

34. REST API と Simple Firebase Unity を使おう

35. REST API を使おう (認証)

36. Simple Firebase Unity を使おう (DB)

37. Qiitaに書きました！

38. サインインシーン (MRTKのキーボード使用)

39. 結構負荷が掛かる (15FPSとかになった)

40. 60FPS 下回る箇所は OVRFade で暗転させればOK

41. 後は VRIK とかをごにょごにょして...

42. 完成！ (手持ちカメラで見てる様子)

43. まとめ

44. OculusGo + VRM なアプリをみんなで作ろう！

45. Thank you for listening!