Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Firebase + UniVRM + OculusGo で VRM をランタイムロード
Search
Marihuana
March 28, 2019
Technology
0
700
Firebase + UniVRM + OculusGo で VRM をランタイムロード
VRM集会 in cluster #01 で発表した資料です。
https://vdg.connpass.com/event/122216/
Marihuana
March 28, 2019
Tweet
Share
More Decks by Marihuana
See All by Marihuana
VR空間で画像をS3から取得して表示する
kawashi
0
69
VR空間で写真を取ってS3に保存する
kawashi
0
540
cluster. をハックした話
kawashi
0
510
バイトで学んだアドテク業界について
kawashi
0
98
Other Decks in Technology
See All in Technology
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
740
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
370
Janus
bkuhlmann
1
490
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
480
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
850
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
110
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
150
The CloudCompare project by Dr. Daniel Girardeau-Montaut
kentaitakura
0
520
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
610
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
yajihum
2
980
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
890
反実仮想機械学習とは何か
usaito
PRO
8
3k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Designing for humans not robots
tammielis
248
25k
10 Git Anti Patterns You Should be Aware of
lemiorhan
647
58k
RailsConf 2023
tenderlove
2
530
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
A Modern Web Designer's Workflow
chriscoyier
689
190k
A Philosophy of Restraint
colly
196
16k
Happy Clients
brianwarren
91
6.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
GraphQLとの向き合い方2022年版
quramy
31
12k
Transcript
Firebase を使って OculusGo で VRM をランタイムロード 焼きそばメロンパン
自己紹介
自己紹介 • 焼きそばメロンパンです • くらすたーちゃん大好きです • clusterでGo書いてました • VR系の会社立ち上げました
趣味でデスクトップマスコット作った
今日話すこと
今日話すこと • 目的 • Firebaseについて • webの実装 • OculusGoの実装 •
まとめ
目的
ローカルにVRM配置じゃ駄目なの?
ローカルにVRM配置じゃ駄目なの? PCに繋げないといけない!
webで登録して読み込もう!
でもバックエンド実装したくない...
じゃあ、Firebaseを使おう!
Firebaseについて
Firebase • バックエンドの実装が必要無くなる Google の BaaS
Firebase • バックエンドの実装が必要無くなる Google の BaaS • Authentication: 自分のVRMだけ読み込める (認証)
Firebase • バックエンドの実装が必要無くなる Google の BaaS • Authentication: 自分のVRMだけ読み込める (認証)
• Storage: VRMファイルを格納出来る
Firebase • バックエンドの実装が必要無くなる Google の BaaS • Authentication: 自分のVRMだけ読み込める (認証)
• Storage: VRMファイルを格納出来る • Database: 自分のVRMファイルのURLを格納出来る
これだけあればOK
ユーザ利用フロー
全体アーキテクチャ
webの実装
webの実装 • サインアップ/サインイン画面 • アバター登録画面
webアーキテクチャ
webの実装 (サインアップ画面)
webの実装 (アバターアップロード)
雑なコードですが...
webの実装 (サインアップ)
webの実装 (Storageに保存)
webの実装 (DatabaseにURL保存)
OculusGoの実装
OculusGoの実装 • サインインシーン • アバター読み込みシーン
VRアーキテクチャ
OculusGo は FirebaseUnitySDK が使えない!
REST API と Simple Firebase Unity を使おう
REST API を使おう (認証)
Simple Firebase Unity を使おう (DB)
Qiitaに書きました!
サインインシーン (MRTKのキーボード使用)
結構負荷が掛かる (15FPSとかになった)
60FPS 下回る箇所は OVRFade で暗転させればOK
後は VRIK とかをごにょごにょして...
完成! (手持ちカメラで見てる様子)
まとめ
OculusGo + VRM なアプリをみんなで作ろう!
Thank you for listening!