{"id":19532,"date":"2017-10-11T02:10:09","date_gmt":"2017-10-10T17:10:09","guid":{"rendered":"https:\/\/jirak.net\/wp\/bringing-webvr-to-everyone-with-the-windows-10-fall-creators-update\/"},"modified":"2017-10-11T02:34:39","modified_gmt":"2017-10-10T17:34:39","slug":"bringing-webvr-to-everyone-with-the-windows-10-fall-creators-update","status":"publish","type":"post","link":"https:\/\/jirak.net\/wp\/bringing-webvr-to-everyone-with-the-windows-10-fall-creators-update\/","title":{"rendered":"Bringing WebVR to everyone with the Windows 10 Fall Creators Update"},"content":{"rendered":"

Bringing WebVR to everyone with the Windows 10 Fall Creators Update
\n<\/p>\n

Last April, we introduced the WebVR 1.1 API<\/a> in Microsoft Edge as part of the Windows Creators Update, providing a foundation for developers to create immersive virtual reality experiences with Windows Mixed Reality developer kits. We have been hard at work building on this foundation to provide an end-to-end mixed reality experience with Microsoft Edge, WebVR, and Windows Mixed Reality, in line with our goal to democratize virtual reality<\/a> this holiday.<\/p>\n

On October 17th<\/sup>, EdgeHTML 16 will be released with Windows 10 Fall Creators Update, and the era of Windows Mixed Reality begins<\/a> as headsets and motion controllers become widely available, enabling low-cost, immersive experiences with WebVR in Microsoft Edge.<\/p>\n

In anticipation of this upcoming release, we\u2019re excited to announce (with big thanks to the community and contributors involved) that the popular WebVR frameworks A-Frame, BabylonJS, ReactVR and three.js have now added support for the Windows Mixed Reality platform to their current and upcoming releases.<\/p>\n\n\n\n\n\n\n\n
<\/td>\nVersion<\/strong><\/td>\nImmersive View<\/strong><\/td>\nWebGL context switching<\/strong><\/td>\nMotion Controllers<\/strong><\/td>\n<\/tr>\n
\"babylonjs<\/a><\/td>\nmaster<\/td>\n\u2714<\/td>\n\u2714<\/td>\n\u2714<\/td>\n<\/tr>\n
\"A-Frame<\/a><\/td>\n0.7.0<\/td>\n\u2714<\/td>\n\u2714<\/td>\n\u2714<\/td>\n<\/tr>\n
\"Threejs<\/a><\/td>\nR88*<\/td>\n\u2714<\/td>\n\u2714<\/td>\n\u2716<\/td>\n<\/tr>\n
\"ReactVR<\/a><\/td>\n2.0.0<\/td>\n\u2714<\/td>\n\u2714<\/td>\n\u2716<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

*<\/code> Upcoming release<\/em><\/p>\n

In EdgeHTML 16, we\u2019ve made a few updates to our WebVR 1.1 implementation that you should be aware of, starting with added support for Windows Mixed Reality motion controllers.<\/p>\n

New support for motion controllers<\/h2>\n

Developers now have the tools to create fully interactive, immersive experiences on the web with our new support for Windows Mixed Reality motion controllers<\/a>.<\/p>\n

\"Photo<\/a><\/p>\n

When a site is presenting to a headset, connected motion controllers will be available via the Gamepad API.<\/p>\n

Adding support to the browser is only half of the story. We have been working with 3rd<\/sup> party middleware libraries to make sure that integrating support for motion controllers into your experience is as seamless a process as possible.<\/p>\n

\n

Current releases of both BabylonJS and A-Frame have full support for Windows Mixed Reality headsets and motion controllers.<\/p>\n<\/blockquote>\n

Controller support includes detection of connected motion controllers, rendering accurate representations of the controllers into the scene, mapping button presses to actions and casting pointing rays into the scene for point-and-commit<\/a> interactions. For added realism, the controller models animate the buttons and thumbsticks as the devices are manipulated:<\/p>\n

\n
\nImage: Hotel Room, Reno, Nevada \/ Bob Dass \/ Creative Commons 2.0<\/p>\n

Added support for more Windows Mixed Reality PCs<\/h2>\n

Windows Mixed Reality supports a wide range of desktop and laptop hardware, with many graphics card configurations. Microsoft Edge has extended support for running WebVR experiences on this broad range of hardware \u2013 including machines with multiple graphics cards.<\/p>\n

To leverage this support as a WebVR application developer, make sure that you are using the most up to date version of BabylonJS, A-Frame (0.7.0), three.js (r87), ReactVR (2.0.0).<\/p>\n

If you are using WebGL directly rather than through one of these libraries, you\u2019ll need to handle the WebGL Context Lost and Context Restored<\/a> events to take advantage of this wider range of hardware.<\/p>\n

The first immersive experience that lets you enjoy the entire Web<\/h2>\n

Microsoft Edge is now the first stable browser to ship comprehensive support for Virtual Reality.\u00a0 From within your headset you can view traditional 2D websites, manage your favorites, create new tabs (including InPrivate tabs), and seamlessly transition into WebVR experiences.\u00a0 And when browsing with Microsoft Edge on the Desktop, you\u2019re still only one click away from launching WebVR content directly into your headset.<\/p>\n

Because Microsoft Edge is built on the Universal Windows Platform, it can be used alongside the thousands of other apps supported by Windows Mixed Reality out of the box.<\/p>\n

\"Screen<\/a><\/p>\n

\n

When you encounter a WebVR experience in Microsoft Edge within Mixed Reality, you can seamlessly transition from a 2D page to an immersive experience and back again without ever switching apps or leaving your headset.<\/p>\n<\/blockquote>\n

Start developing today!<\/h2>\n

Our updated WebVR implementation is coming in EdgeHTML 16 with the Windows 10 Fall Creators Update, which will be released alongside new Windows Mixed Reality headsets and motion controllers on October 17th<\/sup>. Developers can get started building for WebVR today (no headset required!) via the Windows Insider Program, using the built-in Mixed Reality Simulator<\/a>. Or, if you have an Acer or HP developer kit<\/a>, you can try out Mixed Reality today!<\/p>\n

You can learn more about the WebVR API with our documentation online<\/a>, where you\u2019ll find everything you need to get started, including a checklist of things to consider when creating a WebVR experience.<\/p>\n

More Information<\/h2>\n

Finally, check out the talk that Nell Waliczek and Lewis Weaver recently gave at the Microsoft Edge Web Summit for an overview of WebVR, a deep dive into how to use the APIs, and some more good practices and resources:<\/p>\n

\n

We can\u2019t wait to see what you build!<\/p>\n

Lewis Weaver, Program Manager, WebVR
\nNell Waliczek, Principal Software Engineering Lead, WebVR<\/p>\n

Source: Bringing WebVR to everyone with the Windows 10 Fall Creators Update<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Bringing WebVR to everyone with the Windows 10 Fall Creators Update Last April, we introduced the WebVR 1.1 API in Microsoft Edge as part of the Windows Creators Update, providing a foundation for developers to create immersive virtual reality experiences with Windows Mixed Reality developer kits. We have been hard at work building on this foundation to provide an end-to-end mixed reality experience with Microsoft Edge, WebVR, and Windows Mixed Reality, in line with our goal to democratize virtual reality this holiday. On October 17th, EdgeHTML 16 will be released with Windows 10 Fall Creators Update, and the era of Windows Mixed Reality begins as headsets and motion controllers become widely available, enabling low-cost, immersive experiences with WebVR in Microsoft Edge. In anticipation of this upcoming release, we\u2019re excited to announce (with big thanks to the community and contributors involved) [ more… ]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":19533,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[169],"tags":[201],"class_list":["post-19532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-windows"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/19532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/comments?post=19532"}],"version-history":[{"count":1,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/19532\/revisions"}],"predecessor-version":[{"id":19534,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/posts\/19532\/revisions\/19534"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/media\/19533"}],"wp:attachment":[{"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/media?parent=19532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/categories?post=19532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jirak.net\/wp\/wp-json\/wp\/v2\/tags?post=19532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}