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
Unity WebXR Exporterで自前ゲームをWebに乗っけてみた話
Search
busido90
August 24, 2020
Technology
0
2.5k
Unity WebXR Exporterで自前ゲームをWebに乗っけてみた話
busido90
August 24, 2020
Tweet
Share
Other Decks in Technology
See All in Technology
なぜテストマネージャの視点が 必要なのか? 〜 一歩先へ進むために 〜
moritamasami
0
240
S3アクセス制御の設計ポイント
tommy0124
3
200
2つのフロントエンドと状態管理
mixi_engineers
PRO
3
150
Rustから学ぶ 非同期処理の仕組み
skanehira
1
150
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
270
COVESA VSSによる車両データモデルの標準化とAWS IoT FleetWiseの活用
osawa
1
400
Apache Spark もくもく会
taka_aki
0
140
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
260
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
890
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
260
Create Ruby native extension gem with Go
sue445
0
130
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
10k
Featured
See All Featured
Facilitating Awesome Meetings
lara
55
6.5k
The Invisible Side of Design
smashingmag
301
51k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Docker and Python
trallard
46
3.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Writing Fast Ruby
sferik
628
62k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
How STYLIGHT went responsive
nonsquared
100
5.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
The Language of Interfaces
destraynor
161
25k
Transcript
jsが分からないのでUnity WebXR Exporterで 自前ゲームをWebにアップしてみた話 株式会社リクティー 永山大志
自己紹介 永山大志:twitter→@busido90 早稲田大学ラグビー蹴球部→本田技研→ギークス(ゲーム)→心と身体の健康を考える 会社、リクティーCTO→なぜかCEOに Unity歴5年(の割に実力不足)、UE歴皆無 リクティー:https://rikuty.com/ 2018年6月起業。2019年1月Tokyo XR Startup第5期に採択。 腰痛や肩こりの方向けのVRアプリ開発
あまり売れずにチーム解散←イマココ!!
今日話すこと Unity(フロント側)しか触ったことない人(私)が WebXRよくね?って思って挑戦しようと思ったけど、 JavaScriptできないと無理ゲーじゃね?って気づいて 悩んだ挙句、Asset(Unity WebXR Exporter)で AWS(なにそれおいしいの)にファイルを上げて 苦しみながらも自前プロジェクトを動かせた話。同感してくれたら役に経つかも ※技術力の高い方にはなにを今更、みたいな話になるかもですが、
暖かく見ていただけると幸いです。技術的間違いの指摘もお願いします。
今作っているもの OnePunch https://sidequestvr.com/app/1081 今回のやつ https://one-punch.s3-ap-northeast-1.amazonaws.com/OnePunch/index.html
参考にしたもの Unity WebXR ExporterでVR刺身タンポポを動かしてみた / Challenge to use Unity WebXR
Exporter for VR Sashimi Tanpopo できる方はこの資料だけで大丈夫です。これでもわからない、それぞれどんなところに落 とし穴あるのー、っていうのを話していきます。
Unity WebXR Exporter WebXRというとA-FrameやらBabylon.jsやらJavaScriptの知識が必要だが、そこに現 れた救世主。
Webブラウザで見れるようになるまで ①新規プロジェクトに自前のゲームをインポートする。 ②WebXR Exporterを入れる ③Editor上で動作確認する。 ④ビルドして、ブラウザ(ローカル)で動くか確認する ⑤Web上に上げる(今回はAWS)
詰まったところ① Universal Render Pipeline(URP)で開きましょう Unity2018 のLTSを使ってる自分からすると、URPなにそれ状態でした。 URPのShader以外のほとんどはリンク切れを起こします。(Graphicsに登録すれば大 丈夫?)→今回はURPのShaderにして、Texture貼りなおして対応。 ※ちなみに新規プロジェクトで立ち上げるとなぜか自分はブラウザに両眼が映ってしま い、VRデバイス側に映らず。Gitのサンプルプロジェクトに自分のゲームを入れる方法で
対処しました。(何か知ってる人いたら教えてください。URPの問題じゃないかも。。。
詰まったところ② Chromeのバージョンに注意が必要です。 私は最新のChrome84だとchrome://flagsで設定しなければいけないWebXRの設定が 出てきませんでした。→ダウンデートしてChrome81にしたら出てきた。 いっこうさんの記事などにお世話になりました。 https://dev.to/ikkou/chrome-79-webxr-device-api-oculus-hmd-8b https://qiita.com/arika_nashika/items/e194ede7ed89a7e591a7
詰まったところ③ Oculusのライブラリはなるべく削除しましょう。 Oculusで開発している勢の人は必ず使っているライブラリですが、スクリプト上で Oculusのライブラリ使ってるとビルドエラーになります。(私は振動に使うOVRHapticsを 使っててエラーになりました。)
詰まったところ④ Microphoneをそのまま使おうとするとエラーになってビルドできません。 今回は結局マイクロフォン使っていなかったのでスクリプトを削除しました。 WebGL用のライブラリアセットがあります(未検証) https://assetstore.unity.com/packages/tools/input-management/microphone-webgl-library-79989?_ga=2.63193255.926528929.159825 9270-523860060.1578279586 https://forum.unity.com/threads/webgl-and-microphone.308197/
詰まったところ⑤ AWSとは仲良くしましょう。 今回はS3に上げるだけだったので初心者の自分でもできました。 下はまだやってません。 https://recipe.kc-cloud.jp/archives/11067 https://recipe.kc-cloud.jp/archives/11489 https://recipe.kc-cloud.jp/archives/11256
細かいTips Unity2018は使わず、2019.4以降を使いましょう →URPが2019から本格導入されているから VRモードでブラウザのページ閉じちゃダメ! →ブラウザのアプリごと落ちます。(下書きメモが何回も消えた、、、 WebGLTemplateをWebXRにしないとVRモードになりません →Unityroomとかでよく見るやつになります
WebXRの使用用途 色々と細かい制約はあるものの、やはりURLで友達にVR体験をしてもらえることは正 義! WebXRで自分のVRアプリをデモ体験してもらって、 ハマってもらったら、ローカルにアプリを落としてもらってやってもらう。 的な呼び水的な使い方にもってこいだと思います。
参考文献 こりんさんの記事 Unity WebXR ExporterでVR刺身タンポポを動かしてみた / Challenge to use Unity
WebXR Exporter for VR Sashimi Tanpopo 自分の作業実況 https://note.com/busido90/n/nc8256f775f4d