Slide 1
Slide 1 text
Firebase を使って OculusGo で
VRM をランタイムロード
焼きそばメロンパン
Slide 2
Slide 2 text
自己紹介
Slide 3
Slide 3 text
自己紹介
● 焼きそばメロンパンです
● くらすたーちゃん大好きです
● clusterでGo書いてました
● VR系の会社立ち上げました
Slide 4
Slide 4 text
趣味でデスクトップマスコット作った
Slide 5
Slide 5 text
今日話すこと
Slide 6
Slide 6 text
今日話すこと
● 目的
● Firebaseについて
● webの実装
● OculusGoの実装
● まとめ
Slide 7
Slide 7 text
目的
Slide 8
Slide 8 text
ローカルにVRM配置じゃ駄目なの？
Slide 9
Slide 9 text
ローカルにVRM配置じゃ駄目なの？
PCに繋げないといけない！
Slide 10
Slide 10 text
webで登録して読み込もう！
Slide 11
Slide 11 text
でもバックエンド実装したくない...
Slide 12
Slide 12 text
じゃあ、Firebaseを使おう！
Slide 13
Slide 13 text
Firebaseについて
Slide 14
Slide 14 text
Firebase
● バックエンドの実装が必要無くなる Google の BaaS
Slide 15
Slide 15 text
Firebase
● バックエンドの実装が必要無くなる Google の BaaS
● Authentication: 自分のVRMだけ読み込める (認証)
Slide 16
Slide 16 text
Firebase
● バックエンドの実装が必要無くなる Google の BaaS
● Authentication: 自分のVRMだけ読み込める (認証)
● Storage: VRMファイルを格納出来る
Slide 17
Slide 17 text
Firebase
● バックエンドの実装が必要無くなる Google の BaaS
● Authentication: 自分のVRMだけ読み込める (認証)
● Storage: VRMファイルを格納出来る
● Database: 自分のVRMファイルのURLを格納出来る
Slide 18
Slide 18 text
これだけあればOK
Slide 19
Slide 19 text
ユーザ利用フロー
Slide 20
Slide 20 text
全体アーキテクチャ
Slide 21
Slide 21 text
webの実装
Slide 22
Slide 22 text
webの実装
● サインアップ/サインイン画面
● アバター登録画面
Slide 23
Slide 23 text
webアーキテクチャ
Slide 24
Slide 24 text
webの実装 (サインアップ画面)
Slide 25
Slide 25 text
webの実装 (アバターアップロード)
Slide 26
Slide 26 text
雑なコードですが...
Slide 27
Slide 27 text
webの実装 (サインアップ)
Slide 28
Slide 28 text
webの実装 (Storageに保存)
Slide 29
Slide 29 text
webの実装 (DatabaseにURL保存)
Slide 30
Slide 30 text
OculusGoの実装
Slide 31
Slide 31 text
OculusGoの実装
● サインインシーン
● アバター読み込みシーン
Slide 32
Slide 32 text
VRアーキテクチャ
Slide 33
Slide 33 text
OculusGo は FirebaseUnitySDK が使えない！
Slide 34
Slide 34 text
REST API と Simple Firebase Unity を使おう
Slide 35
Slide 35 text
REST API を使おう (認証)
Slide 36
Slide 36 text
Simple Firebase Unity を使おう (DB)
Slide 37
Slide 37 text
Qiitaに書きました！
Slide 38
Slide 38 text
サインインシーン (MRTKのキーボード使用)
Slide 39
Slide 39 text
結構負荷が掛かる (15FPSとかになった)
Slide 40
Slide 40 text
60FPS 下回る箇所は OVRFade で暗転させればOK
Slide 41
Slide 41 text
後は VRIK とかをごにょごにょして...
Slide 42
Slide 42 text
完成！ (手持ちカメラで見てる様子)
Slide 43
Slide 43 text
まとめ
Slide 44
Slide 44 text
OculusGo + VRM なアプリをみんなで作ろう！
Slide 45
Slide 45 text
Thank you for listening!