Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

VRM集会 in cluster #01 で発表した資料です。
https://vdg.connpass.com/event/122216/

875e833b59a556723045ebb69c6b14d2?s=128

Marihuana

March 28, 2019
Tweet

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!