With the release of the WebVR API v1.1, and WebVR support in Firefox 55, here's a collection of useful resources for WebVR development. From the landing page at vr.mozilla.org to the A-Frame website and community, here's everything you need to get started.
Announcing a new twist to this year's js13kgames competition - the A-Frame category! We challenge you to build a WebVR game experience with A-Frame. For this category, you’ll have the same file size limit set to 13 kilobytes plus the A-Frame library for free. This year's theme: lost. Submissions close: September 13.
Firefox on Windows is the first desktop browser to support the new WebVR standard (and macOS support is ready now in Nightly!) You'll find many new features for developers, as well as underlying platform changes that make Firefox and the Web faster and more secure.
On August 8, Mozilla will make WebVR available in Firefox for all 64-bit Windows users with an Oculus Rift or HTC VIVE headset. Since we first announced this feature two months ago, we’ve seen tremendous growth in the tooling, art content, and applications being produced for WebVR.
What do infinite scrolling, lazy loading, and online advertisements all have in common? They need to know about—and react to—the visibility of elements on a page! Unfortunately, knowing whether or not an element is visible has traditionally been difficult on the Web. Most solutions listen for scroll and resize events, then use DOM APIs like […]
We began work on a developer tool to help with understanding and using CSS Grid over a year ago. In March, we shipped the first version of a Grid Inspector in the Firefox DevTools along with CSS Grid. Now significant new features are landing in Firefox Nightly. Here’s a tour of what’s arrived in July […]
React, along with Redux, is one of the fastest and most flexible UI frameworks on the web. It’s easy to write, easy to use and is great for teams. However, it's not easy to debug them in the browser. Now, browser add-ons like React Developer Tools, Redux DevTools, and Vue let you inspect, modify, and debug your code right in the browser.
MDN is getting a new look today. Read about the changes we've made, like bug fixes, toning down the contrast and enabling http2. Want to hear more about our new system for overriding site fonts on a per-locale basis? Drop us a line in the comments section. Did we break something you love? File a bug and we'll take a look.
A-Frame makes building 3D and VR web applications easy, so developers of all skill levels can create rich and interactive virtual worlds. For an Oregon State University student project focused on WebVR, our team investigated performance and optimizations for A-Frame on Android smartphones. We developed a means of benchmarking the level of 3D complexity a mobile phone is capable of, and determining which performance metrics are required for such a benchmark.
Now available in Firefox and Chrome, and also soon in Edge and WebKit, WebAssembly enables near-native performance of code in the browser, which is great for game development, and has also shown benefits for WebVR applications. Here's a look at how far we've come and what's ahead for HTML5 game development.
There's never been a better time to port a native game to the web. Here are some tips from the trenches for getting started with WebAssembly and Emscripten.