world wide web with virtual reality #sa_study
TRANSCRIPT
World Wide Web with
Virtual Reality
2017/6/22 ARCANA Meetup #26
33
2010 5
IPA / // /
Yahoo! Hackday 2017
LEGO 3D VR
Maker Faire Tokyo 2017 2017.08.05-06@
m(__)m
• WebVR
• WebVR
• WebVR
• VR 3 Web JanusVR
• Web VR
2017 6
WebVR
WebVR
• W3C WebVR API WebVR API
• Web GoogleCardboard2
Web VR VR
Pre-release v1.1 Latest Spec Draft - "v2.0"
Mozilla / Google / Microsoft
Developer Twitter
https://twitter.com/tojiro
https://twitter.com/vvuk
https://twitter.com/kearwoodgilbert
https://twitter.com/cvanw
WebVR
VR
WebVR
VR
HTC VIVE
※ VR Ready PC 10 20
※ 99,800
Oculus Rift + Touch
※ VR Ready PC 10 20
※ 76,600
Google Daydream View
※ Daydream Ready 10※ 8,000
Samsung Gear VR
※ Sumsung Galaxy S6 9
※ 16,000
Headset Platform Positional Tracking Controllers
Controller Positional Tracking
Windows Supported Supported(two hand)
Supported
Windows Supported Supported(two hand)
Supported
Android NotSupported
Supported(one hand)
NotSupported
Android NotSupported
Supported(one hand)
NotSupported
※ Google Cardboard Windows Mixed Reality
macOS
WebVR
Headset
Browser
Firefox Nightly
Chrome for Android
Chromium WebVR build
Sumsung Internet Browser
Oculus Carmel
Mozilla Servo
※ Google Cardboard Windows Mixed Reality
• VR Ready PC Firefox Nightly+VIVE
• Chromium
• WebVR
• Carmel Servo Preview
WebVR
WebVRWebVR Boilerplate
https://github.com/borismus/webvr-boilerplate
A-Frame https://aframe.io/
React VR https://facebook.github.io/react-vr/
PlayCanvas https://playcanvas.com/industries/vr
Primrose VR https://www.primrosevr.com/
Vizor https://vizor.io/
City Builder
https://aframe.io/examples/showcase/city-builder/
A Saturday Night
https://aframe.io/examples/showcase/a-saturday-night/
A-Painter
https://aframe.io/examples/showcase/a-painter/
WebVR
WebVR
•
•
•
•
WebVR Progressive Enhancement
https://unboring.net/workflows/progressive-enhancement/
https://unboring.net/workflows/progressive-enhancement/
PC
VR 3D WebVR
VR HMD 3D WebVR API
•
• WebVR
•
• WebVR
VR Web
http://janusvr.com/
JanusVR• VR 3
• Web 3D 3D Web3D Web
• Oculus Rift, HTC Vive Windows Mac Linux
• VR 2 Web VR
• Web WebGL
URL 3D Web UI 3D Web
Janus Markup Language
• HTML 3D Web
•
• 3D Web VR
http://janusvr.com/guide/livecoding/
• WebVR
• Unity Unreal Engine
• VR Facebook 2024 Oculus http://www.moguravr.com/fb-earnings-call/
• VR
• 3DCG
– P.10
“VR ”
• Web
•
•
• PHP
• JavaScript
• Serverless
•
• Web
http://www.s-arcana.co.jp/recruit