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@

Cluster.

https://cluster.mu/

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

WebVR API

https://w3c.github.io/webvr/

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

WebVR Rocks

https://webvr.rocks/

• 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/

A-Frame

https://aframe.io/

Museum

https://aframe.io/examples/showcase/museum/

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

Sketchfab

https://sketchfab.com/

3D

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