A-FrameでWebVR

4174f12044e16d1052d28c5aff4ad71c?s=47 dala00
July 17, 2019

 A-FrameでWebVR

4174f12044e16d1052d28c5aff4ad71c?s=128

dala00

July 17, 2019
Tweet

Transcript

  1. A-FrameでWebVR

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

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

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

    → 悲しい
  5. ブラウザのホーム画面に色々リンクが。

  6. ブラウザでもVR!? • 普通にVRできる • 物を召喚したり • 掴んだり • 投げたり •

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

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

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

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

  11. A-Frameを使ってみる

  12. サンプル

  13. サンプル

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

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

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

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

  18. まとめ • とにかく楽なので楽しい • まだゲームも少ないので需要はかなり高いのでは? • Steam+VirtualDesktopでもVRゲームできるのでそちらとの棲み分けどうなるか • 人気がでるくらい良いものが作れるならそもそも Oculusストアに出したほうが良かったと後悔し

    そう?(価格やマネタイズ方法が自由なのでどちらがベスト、というのは今後もなさそう?) • 小さいものを公開するならこれ一択? • UnityでWebVR書き出しできるのでプラットフォーム変更を考慮したら一番堅実かも • Unreal Engineは今のところ未対応???? • とにかくWebVR気になる存在