A-FrameでWebVR

A-FrameでWebVR

自己紹介 Twitter: dala00 個人で色々とサービスを作ってつぶやいたりしています

Oculus Quest買いました！ ● ● VR空間の居心地が想像以上に良かった 多分実際に使ってみないと想像できない

VR用のアプリもなにか作ってみたい しかし…… → Oculus Questのアプリをストアに出すための審査がすごく厳しいらしい…… → 今のところ個人で出すのは厳しそう……？ 無料の軽いアプリとかなおさら…… → 悲しい

ブラウザのホーム画面に色々リンクが。

ブラウザでもVR!? ● ● ● ● ● 普通にVRできる 物を召喚したり 掴んだり 投げたり ワープで移動したり

どうやってるの！？ A-FrameというMozilla製のOSSフレームワークを使っているっぽい WebVRという技術を用いているっぽい WebVR（ウェブブイアール）とは、ウェブブラウザ上でVRデバイスの位置，向き，加速度 などの情報を取得するために用いられるJavaScriptのアプリケーションプログラミングインタ フェース（API）のことである。(Wikipediaより)

WebVRで調べたら他にも色々サンプルが

WebVRすごく良いのでは？ ● ● ● ● ブラウザなので適当に作ったものをインストール不要で誰にでも簡単に使ってもらえ る A-FrameならHTMLだけでもとりあえず空間作れる JavaScriptも使えばゲームとかも作れる 普通にStripeとかで決済を導入すればVRアプリでマネタイズも簡単かも？

WebVRできるライブラリ ● ● MozillaのA-Frame とにかく今よく使われてるっぽい React 360 Facebook製なので期待 今はA-Frameの方が便利そう

A-Frameを使ってみる

サンプル

サンプル

WebVRポートフォリオ ● ● 成果物を貼ってリンク ワープで移動できる

Super Hands ● ● ● ものをつかめる 両手で縮小したりも 物理エンジンとの組み合わせに対応

ラジコン ● ● Oculus Questのスティックで操作して遊ぶ ブラウザなのでキーボードでも可能

音ゲーも作ってみてる 適当なデザインでも VRというだけでかっこよく見える 完成したら簡単に公開できるので マネタイズ試したい

まとめ ● ● ● ● ● ● ● ● とにかく楽なので楽しい まだゲームも少ないので需要はかなり高いのでは？ Steam+VirtualDesktopでもVRゲームできるのでそちらとの棲み分けどうなるか 人気がでるくらい良いものが作れるならそもそもOculusストアに出したほうが良かっ たと後悔しそう？（価格やマネタイズ方法が自由なのでどちらがベスト、というのは 今後もなさそう？） 小さいものを公開するならこれ一択？ UnityでWebVR書き出しできるのでプラットフォーム変更を考慮したら一番堅実かも Unreal Engineは今のところ未対応？？？？ とにかくWebVR気になる存在