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
A-FrameでWebVR
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
dala00
July 17, 2019
Programming
1
210
A-FrameでWebVR
dala00
July 17, 2019
Tweet
Share
More Decks by dala00
See All by dala00
Freelance Talk Session Kansai
dala00
0
51
Nuxt.jsとExpressでWebサービスを作ってみた
dala00
0
1.8k
Laravelでサービスを作った時にやったこと
dala00
1
810
Laravel + Vue.jsでサービスを作成&運営してみて
dala00
1
560
何でも書ける技術者向けコミュニティCrieit - 制作物天下一武道会
dala00
0
70
Other Decks in Programming
See All in Programming
AI 開発合宿を通して得た学び
niftycorp
PRO
0
160
PHPのバージョンアップ時にも役立ったAST(2026年版)
matsuo_atsushi
0
230
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
tanishiking
0
120
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
monochromegane
4
450
今からFlash開発できるわけないじゃん、ムリムリ! (※ムリじゃなかった!?)
arkw
0
140
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
orgachem
PRO
7
2.9k
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
hisuzuya
4
530
The free-lunch guide to idea circularity
hollycummins
0
320
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
o8n
4
1.4k
『Kubernetes ☸️ で実践する Platform Engineering 』を最高速度で読み抜いたる!!👊🏻
hiroki_hasegawa
0
100
Understanding Apache Lucene - More than just full-text search
spinscale
0
140
Codex の「自走力」を高める
yorifuji
0
1.3k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Mobile First: as difficult as doing things right
swwweet
225
10k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
240
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Making Projects Easy
brettharned
120
6.6k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
91
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
180
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Transcript
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気になる存在