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.3k
Unity WebXR Exporterで自前ゲームをWebに乗っけてみた話
busido90
August 24, 2020
Tweet
Share
Other Decks in Technology
See All in Technology
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
データ分析基盤を作ってみよう~設計編~
nrinetcom
PRO
1
110
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
ソフトウェアエンジニアリングの知見を活かして データ基盤をいい感じにする on Snowflake [MIERUNE BBQ #10]
mtpooh
2
150
成長期に歩みを止めないための創業期の開発文化形成
mayah
6
420
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
200
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
423
64k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
A better future with KSS
kneath
231
17k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Producing Creativity
orderedlist
PRO
340
39k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
KATA
mclloyd
20
13k
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