WebVR Articles
-
Augmented Reality and the Browser — An App Experiment
What kinds of tools do artists, developers, designers, entrepreneurs and creatives of all flavors need to be able to easily make augmented reality experiences? What kinds of apps can people build with tools we provide? In this in-depth retrospective, Anselm Hook describes the challenges and learnings from creating ARPersist, an experimental AR app that lets you apply virtual post-it notes in real-world spaces.
-
Performance-Tuning a WebVR Game
The smaller the app, the faster it loads. Here's how I reduced the size of a favorite WebVR game, optimizing font, audio, and image files to hit my target: 10-second load times in VR headsets.
-
Converting a WebGL application to WebVR
Research engineer Manish Goregaokar, who works on Servo and Rust, shares what he's learned and some of the code he wrote, while porting a WebGL application to WebVR.
-
New API to Bring Augmented Reality to the Web
The WebXR Device API has two goals that differentiate it from WebVR: support for new user inputs like voice and gestural navigation, and laying a foundation for augmented reality on the web. This emerging specification aims to remove barriers so AR and VR content is accessible to creators and users alike.
-
Share your favorite images and videos in VR with Mozilla Hubs
Mozilla Hubs is a VR chat system that lets you walk and talk in VR with your friends, no matter where in the world they are. Now you can share virtually any kind of media with everyone in your Hubs room by just pasting in a URL. Anything you share becomes a virtual object that everyone can interact with. From images to videos to 3D models, Hubs enables sharing and collaboration across devices (laptops, phones, headsets) and OSes.
-
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.