WebVR Articles
-
360° Images on the Web, the Easy Way
One of the most popular uses for VR today is 360° images and video. These are easy to discover and share online, and you don’t need to learn any new interactions to explore the 360° experience. But building 360° views is not as easy as exploring them. In this post, Josh shows you how to easily build a 3D tour using A-Frame and Glitch.
-
Building an Immersive Game with A-Frame and Low Poly Models
In the first part of this two-part tutorial, Josh Marinacci builds an immersive WebVR game using A-Frame, and walks through the key concepts and code for adding a physics engine, managing collisions, and adding 3d models and effects.
-
Building an Immersive Game with A-Frame and Low Poly Models (Part 2)
In Part 2 of this two-part tutorial on using A-Frame to build an immersive game, Josh Marinacci shows how to add lighting, audio, responsiveness and polish to the simple game he developed in Part 1.
-
Create VR on the Web using Unity3D
Mozilla's WebVR team has just released Unity WebVR Assets. It is free to download and available now on the Unity Asset Store. This tool allows creators to publish and share VR experiences they created in Unity on the open web, with a simple URL or link. These experiences can then be viewed with any WebVR enabled browser such as Firefox (using the Oculus Rift or HTC VIVE) and Microsoft Edge (using a Windows Mixed Reality headset).
-
Lessons learned from the A-Frame category in the js13kGames competition
With the Global Game Jam weekend ahead, it’s a great time to consider building with WebVR and A-Frame. The js13kGames 2017 competition ended back in September last year, but the game devs who built playable WebVR entries limited to just 13 kilobytes learned a lot along the way. Here's a look at their learnings - and their code! And if you're looking for a new 3D challenge – Mozilla recently launched the WebVR Medieval Fantasy Experience Challenge, which is open now till the end of February.
-
A super-stable WebVR user experience thanks to Firefox Quantum
The Quantum release incorporates major optimizations from Quantum Flow, an holistic effort to modernize and improve the foundations of the Firefox web engine by identifying and removing the main sources of jank without rewriting everything from scratch. Quantum Flow has had an important and noticeable effect on WebVR stability and performance, as Salva demonstrates in this article.
-
Multi-user experiences with A-Frame
Salva de la Puente describes the
sharedspacecomponent he's built, which brings the power of WebRTC to A-Frame users. The component provides a collaboration model where participants can join or leave a named space, share audio and state, and send JSON-serializable objects to other peers. Check it out! -
Meta 2 AR Headset with Firefox
One of the biggest challenges in developing immersive WebVR experiences today is that immersion takes you away from your developer tools. With Meta's new augmented reality headset, you can work on and experience WebVR content today without ever taking a headset on or off, or connecting developer tools to a remote device.
-
I built something with A-Frame in 2 days (and you can too)
A few months ago, I had the opportunity to try out several WebVR experiences for the first time, and I was blown away by the possibilities. Using just a headset and my Firefox browser, I was able to play games, explore worlds, paint, create music and so much more. All through the open web. I […]
-
Essential WebVR resources
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.
