WebVR: Difference between revisions
No edit summary |
Xinreality (talk | contribs) No edit summary |
||
| (9 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
'''Note that WebVR has evolved into [[WebXR]]''' | |||
{{Platform Infobox | {{Platform Infobox | ||
|image={{#ev:youtube|ZOaOYTOpwyM|350}} | |image={{#ev:youtube|ZOaOYTOpwyM|350}} | ||
| Line 16: | Line 16: | ||
http://vr.chromeexperiments.com/ | http://vr.chromeexperiments.com/ | ||
}} | }} | ||
WebVR is a [[Virtual Reality#Platforms|Virtual Reality Platform]] that allows the users to experience [[VR]] in their web browsers. WebVR | ==Introduction== | ||
[[WebVR]] is a [[Virtual Reality#Platforms|Virtual Reality Platform]] that allows the users to experience [[VR]] in their web browsers. WebVR content can be created with [[WebGL]], a Javascript API for rendering 3D graphics and [[#Developer Resources|various other frameworks]]. Currently WebVR is available for [[#Mozilla Firefox|Mozilla Firefox]], [[#Google Chrome|Google Chrome]], [[Microsoft Edge]], [[Samsung Internet]], [[Oculus Carmel]], [[Servo]], [[JanusVR]], [[LensVR]]. | |||
__TOC__ | |||
==Browsers== | ==Browsers== | ||
===Mozilla Firefox=== | ===Mozilla Firefox=== | ||
| Line 28: | Line 29: | ||
A different project, [http://vr.chromeexperiments.com/ Chrome Experiments], works with [[Google Cardboard]] only. | A different project, [http://vr.chromeexperiments.com/ Chrome Experiments], works with [[Google Cardboard]] only. | ||
===Other Browsers=== | |||
[[Microsoft Edge]] | |||
[[Samsung Internet]] | |||
[[Oculus Carmel]] | |||
[[Servo]] | |||
[[JanusVR]] | |||
[[LensVR]] | |||
==Features== | ==Features== | ||
[[Metaverse]] | [[Metaverse]] | ||
| Line 33: | Line 46: | ||
==Developer Resources== | ==Developer Resources== | ||
===A-Frame=== | ===A-Frame=== | ||
[[A-Frame]]<ref>https://aframe.io</ref> is MozVR's open source framework for creating WebVR worlds with markup. | [[A-Frame]]<ref>https://aframe.io</ref> is MozVR's open source framework for creating WebVR worlds with markup. It is the easier way to get started with WebVR and is recommended for developers with limited experience with JavaScript. | ||
===React VR=== | |||
[[React VR]] uses [[React]], a JavaScript library by [[Facebok]], to build VR websites and interactive 360 experiences. | |||
===Three.js=== | |||
[[Three.js]] is the basis on which both A-Frame and React VR were built. If you are an experienced JavaScript developer, start right away with three.js. It will let you dive deeper into 3D, which will give you a better understanding of WebGL, WebVR, and WebAudio. | |||
===Babylon.js=== | |||
[[Babylon.js]] is a JavaScript-based WebGL library similar to three.js. In v3.0 the developers added support for the WebVR 1.1 specification. The main difference is that Babylon.js was specifically created for game development with features like collision detection and antialiasing. | |||
===WebVR Boilerplate=== | ===WebVR Boilerplate=== | ||