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
dala00
July 17, 2019
Programming
210
1
Share
A-FrameでWebVR
dala00
July 17, 2019
More Decks by dala00
See All by dala00
Freelance Talk Session Kansai
dala00
0
54
Nuxt.jsとExpressでWebサービスを作ってみた
dala00
0
1.8k
Laravelでサービスを作った時にやったこと
dala00
1
820
Laravel + Vue.jsでサービスを作成&運営してみて
dala00
1
560
何でも書ける技術者向けコミュニティCrieit - 制作物天下一武道会
dala00
0
71
Other Decks in Programming
See All in Programming
How We Benchmarked Quarkus: Patterns and anti-patterns
hollycummins
1
140
L’IA au service des devs : Anatomie d'un assistant de Code Review
toham
0
250
PCOVから学ぶコードカバレッジ #phpcon_odawara
o0h
PRO
0
260
Codex CLIのSubagentsによる並列API実装 / Parallel API Implementation with Codex CLI Subagents
takatty
2
920
KagglerがMixSeekを触ってみた
morim
0
380
AWS re:Invent 2025の少し振り返り + DevOps AgentとBacklogを連携させてみた
satoshi256kbyte
3
160
飯MCP
yusukebe
0
510
Google Nest CamとApple Vision frameworkと猫🐈🐈⬛ / onishi50
yutailang0119
0
110
의존성 주입과 모듈화
fornewid
0
130
Coding as Prompting Since 2025
ragingwind
0
830
LM Linkで(非力な!)ノートPCでローカルLLM
seosoft
0
490
アーキテクチャモダナイゼーションとは何か
nwiizo
17
5.1k
Featured
See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.2k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
What's in a price? How to price your products and services
michaelherold
247
13k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
800
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
400
KATA
mclloyd
PRO
35
15k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
350
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
Ruling the World: When Life Gets Gamed
codingconduct
0
210
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
320
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気になる存在