Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
A-FrameでWebVR
Search
dala00
July 17, 2019
Programming
230
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
A-FrameでWebVR
dala00
July 17, 2019
More Decks by dala00
See All by dala00
Freelance Talk Session Kansai
dala00
0
62
Nuxt.jsとExpressでWebサービスを作ってみた
dala00
0
1.8k
Laravelでサービスを作った時にやったこと
dala00
1
830
Laravel + Vue.jsでサービスを作成&運営してみて
dala00
1
570
何でも書ける技術者向けコミュニティCrieit - 制作物天下一武道会
dala00
0
83
Other Decks in Programming
See All in Programming
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
200
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
1
290
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
teyamagu
PRO
1
400
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
danybony
1
260
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
akagami
PRO
0
160
Snowflakeで業務アプリを作ろう。 Snowflakeのアプリ機能解説&実践ガイド
ayumu_yamaguchi
1
280
20260914 AIエージェント時代のPlatform Engineering LLM基盤とプロダクトの責務境界線
kanfab1
7
2.1k
AIは賢い。でも実行環境は? CLIおじさんがAI時代に伝えたいこと ~ CLIおじさんがAI時代に伝えたいこと ~
curekoshimizu
1
250
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
460
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
kobakei
0
120
技術的負債の返済は、AI時代の複利で効く投資 — 経営としての意思決定とその遂行
curekoshimizu
0
1.5k
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
convto
5
7.4k
Featured
See All Featured
Designing for Timeless Needs
cassininazir
1
480
KATA
mclloyd
PRO
35
15k
Designing Experiences People Love
moore
143
24k
Skip the Path - Find Your Career Trail
mkilby
1
230
Build your cross-platform service in a week with App Engine
jlugia
234
19k
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
Abbi's Birthday
coloredviolet
4
10k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.6k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
67
58k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
280
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
430
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
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気になる存在